Tulisan ini menjelaskan mengenai Elemen HTML Bercabang dan Tag Heading pada HTML Dasar.
HTML singkatan dari Hyper Text Markup Language, HTML merupakan struktur dasar dari data halaman Web. HTML bukan Bahasa pemrograman tetapi html adalah bahasa markup atau format yang digunakan untuk membuat halaman web. HTML hanya berisi Kumpulan kode informasi halaman web. Kode HTML tersebut akan dibaca oleh browser untuk ditampilkan secara visual. Untuk melihat kode HTML kita dapat membuka Website menggunakan Web Browser, lalu buka View Source pada aplikasi Web Browser.
Kode HTML berisikan Kumpulan tag-tag yang kita buat. Tag adalah perintah dalam html yang memiliki aturan pembuka dan penutup, ditulis di antara tanda kurung siku. Tag penutup ditulis sama seperti tag pembuka tetapi didahului dengan garis miring sebelum nama tagnya. Tag HTML juga tidak sensitif terhadap huruf besar atau huruf kecil yang berarti <P> sama seperti <p>. Tag pada HTML memiliki banyak macam, tergantung pada hal yang ingin divisualisasikan. Tag yang berisi konten, biasa disebut dengan Elemen.
Elemen HTML
Elemen merupakan bagian dari HTML yang berfungsi untuk membuat halaman Web dan memvisualisasikan Web tersebut, elemen HTML dapat berupa gambar, text dan tombol. Elemen ini berisi dari tag pembuka, konten hingga tag penutup. Contoh untuk membuat membuat paragraf di HTML, dapat menggunakan tag p, contoh penulisannya <p> contoh paragraf </p>, dimana <p> diawal merupakan tag pembuka dan </p> diakhir merupakan tag penutup, dan contoh paragraf merupakan isi konten dari tag p. Beberapa elemen HTML tidak memiliki konten seperti pada elemen <br> yang mendefinisikan jeda baris. Elemen tersebut dikenal dengan Void Elemen karena tidak memiliki konten maka elemen tersebut tidak menggunakan tag penutup.
Elemen HTML bersarang atau Nested HTML adalah ketika sebuah elemen HTML berisi elemen HTML lainnya. Dokumen HTML biasanya terdiri dari elemen HTML bersarang. Contoh penggunaan nested HTML
Dimana elemen <html> merupakan elemen yang mendefiniskan semua dokumen HTML. Kemudian, di dalam elemen <html> terdapat elemen <body>. Elemen <body> merupakan tubuh dokumen, kemudian di dalam elemen <body> terdapat dua elemen disana yaitu elemen <h1> dan <p>. Elemen <h1> merupakan heading dan elemen <p> merupakan sebuah paragraf.
Dari contoh penggunaan tersebut dapat menghasilkan tampilan web seperti berikut
Heading
Heading pada HTML adalah tag yang digunakan untuk membuat judul atau subjudul yang ingin divisualisasikan pada halaman Web. Tag heading secara default ditampilkan dengan ukuran yang besar dan tebal dari teks biasanya. Tidak hanya itu, tag heading juga merupakan hal penting karena dapat memberi struktur pada konten web sehingga dapat memudahkan pembaca dan memiliki kaitan pada Search Engine Optimization. Tag heading HTML memiliki enam tingkatan yang ditulis dengan tag <h1> sampai dengan tag <h6> yang diurutkan berdasarkan tingkat penting dan ukurannya dimana <h1> merupakan heading yang penting, <h2>,<h3> dan seterusnya dapat berupa subjudul dan <h4> <h5> dan <h6> merupakan informasi tambahan dengan lebih rinci. Walau tag heading memiliki ukuran besar dan tebal dari tag lainnya, namun tag heading tidak dapat digunakan untuk membuat tulisan dengan ukuran yang lebih besar. Contoh penggunaan heading adalah sebagai berikut
