Tag dan Elemen yang digunakan dalam bahasa Markup HTML sebelumnya sedikit telah dijelaskan pada posting pemahaman dasar HTML. Nah, Jika Anda memperhatikan baris pertama dan baris terakhir dari kode yang terdapat pada contoh di posting tersebut, Anda akan melihat sebuah pasangan kurung sudut yang terdapat huruf html
.
Berikut ini saya tampilkan kembali kodenya, supaya lebih terlihat jelas:
<html> <head> <title> HyperText Markup Language</title> </head> <body> <h1>Apa itu HTML</h1> <p>HTML adalah bahasa markup yang digunakan untuk membuat halaman web.</p> </body> </html>
Dimulai pada baris pertama, kurung sudut pertama tampak seperti tanda kurang dari (<
); di dalamnya ada huruf “html
,” diikuti dengan kurung sudut kedua, yang terlihat seperti tanda lebih besar dari (>
). Kedua kurung dan semua karakter di dalamnya dikenal sebagai tag.
Seperti contoh kode di atas, ada banyak tag dan semua berpasangan; ada tag pembuka dan tag penutup. Tag penutup selalu sedikit berbeda dari tag pembuka dalam hal ini menggunakan sebuah slash (/
) setelah kurung sudut pertama: </html>
.
Sepasang tag dan konten di dalamnya dikenal sebagai elemen. Untuk lebih jelasnya lagi, pada gambar di bawah ini, Anda akan melihat judul untuk halaman dari contoh sebelumnya.
Tag pembuka mengatakan, ” Ini adalah awal dari judul “, dan
Tag penutup mengatakan, ” Ini adalah akhir dari judul. “
Seperti kebanyakan tag dalam HTML, teks di dalam kurung bersudut menjelaskan tujuan dari tag, di sini h1 menunjukkan bahwa itu adalah heading level 1 (atau top-level heading). Seperti yang akan Anda lihat segera, ada juga tag untuk sub-heading (<h2>
, <h3>
, <h4>
, <h5>
, dan <h6>
).
Jika Anda tidak menempatkan tag di sekitar kata-kata ” Apa itu HTML “, itu hanya menampilkan bagian lain dari teks; itu tidak akan jelas bahwa kata-kata tersebut membentuk sebuah heading.
Mari kita lihat kembali dua paragraf teks diatas, masing-masing ditempatkan di antara tag pembuka <p>
dan tag penutup </p>
. Dan Anda dapat menebaknya, p
adalah singkatan paragraf.
Seperti yang Anda lihat, tag sepanjang contoh ini sebenamya menggambarkan apa yang akan Anda temukan di antara keduanya, menciptakan struktur dokumen. Teks antara tag <h1>
dan tag </h1>
adalah heading, dan teks antara tag pembukal <p>
dan tag penutup </p>
menjadi sebuah paragraf. Memang, seluruh dokumen yang tersisi antara tag pembuka <html>
dan tag penutup </html>
.
Setiap kali Anda menulis sebuah halaman web di HTML, seluruh halaman termuat antara tag pembuka <html>
dan tag penutup </html>
seperti yang dijelaskan pada contoh sebelumnya. Di dalam elemen <html>
, ada dua bagian utama dalam halaman web:
- Elemen
<head>
: Sering disebut sebagai kepala halaman, ini berisi informasi tentang halaman. (Ini bukan konten utama halaman.) Sebagai contoh, mungkin berisi judul dan deskripsi halaman atau petunjuk di mana browser dapat menemukan aturan CSS yang menjelaskan bagaimana dokumen akan terlihat. Ini terdiri dari tag pembuka<head>
, tag penutup</head>
, dan segala sesuatu di antaranya. - Elemen
<body>
: Sering disebut sebagai badan halaman, ini berisi informasi yang dapat dilihat pada jendela browser utama. Ini terdiri dari tag pembuka<body>
, tag penutup</body>
, dan segala sesuatu di antaranya.
Bersama-sama, <html>
, <head>
, dan elemen <body>
membentuk kerangka dokumen HTML, ini merupakan pondasi dimana setiap halaman web yang akan dibangun.
Leave a Reply