![]() |
| Ilustrasi Gambar HTML, Sumber : DevOpsSchool.com |
HTML adalah bahasa markup yang digunakan untuk mendesain tampilan halaman web. Sering kali HTML dianggap sebagai bahasa pemrograman, namun HTML bukanlah bahasa pemrograman.
HTML tidak termasuk dalam kategori bahasa pemrograman karena tidak dapat memberikan fungsi yang dinamis. Berbeda dengan bahasa pemrograman lain seperti JavaScript, Java, dan Python, yang memiliki kemampuan lebih dalam hal fungsi dan dinamika.
Pengertian HTML
HTML merupakan singkatan dari Hypertext Markup Language, adalah bahasa markup yang digunakan untuk menciptakan tampilan depan dari halaman web dan aplikasi web. Tim Berners-Lee adalah orang yang menciptakan HTML, dan Versi pertama dari HTML dirilis pada tahun 1991. Saat menggunakan HTML, kita selalu memerlukan tag dan atribut. Dalam pembuatan tag, kita harus menggunakan tag pembuka< >
dan tag penutup </ >
Sebagai contoh, untuk membuat sebuah heading, kita dapat menggunakan <h1>
sebagai tag pembuka dan </h1>
sebagai tag penutup.
Contoh:
<h1> Ini adalah Heading 1 </h1>
Kode di atas adalah salah satu contoh tag HTML. Namun, tidak semua tag HTML memerlukan tag pembuka dan penutup; ada beberapa tag HTML yang hanya memerlukan tag pembuka, seperti <img>
yang digunakan untuk menampilkan gambar.Struktur Dasar HTML
Memahami struktur dasar HTML sangat penting sebelum mulai membuat HTML. Kita perlu mengetahui apa itu HTML dan memahami setiap elemen dan strukturnya. HTML biasanya dimulai dengan tag <html> </html>,di mana di dalamnya terdapat dua elemen penting yang berfungsi sebagai wadah untuk tag-tag HTML lainnya.
Elemen <head> </head> adalah salah satu elemen penting dalam HTML yang digunakan untuk mengisi metadata tentang dokumen, seperti judul halaman dan tautan ke file CSS.
Elemen <body> </body> adalah elemen kedua dalam tag HTML, di mana semua konten dan tag yang digunakan untuk menampilkan halaman web di dalam browser, seperti teks, gambar, dan elemen lainnya, berada.
Contoh tag HTML:
<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Judul Halaman</title>
</head>
<body>
</body>
</html>
Cara Kerja HTML
HTML merupakan kode yang terdiri dari berbagai tag, atribut, dan konten. Memahami cara kerja HTML sangat penting sebelum membuat website, terutama bagi seorang developer.
Teks Editor: HTML memerlukan teks editor untuk menulis kode-kode seperti tag, atribut, dan konten. Beberapa contoh teks editor yang dapat digunakan untuk menulis bahasa pemrograman seperti Visual Studio Code, Notepad, Notepad++, dan Sublime Text.
Ekstensi HTML: Untuk menyimpan file HTML, kita menggunakan ekstensi .html
contoh :
index.html
Ketika ingin menampilkan file HTML tersebut, kita dapat memasukkan URL atau membuka file HTML, setelah itu browser akan mengirimkan permintaan ke server web (online) atau membukanya dari file lokal.
Posting Komentar