HTML Dasar
Sebagai pengantar berikut akan dijelaskan beberapa istilah yang wajib diketahui sebelum belajar lebih jauh tentang HTML.
1. TAG HTML
Tag adalah sebauh penanda
awalan dan akhiran dari
sebuah elemen di HTML. Tag dibuat dengan kurung siku
(<...>), lalu di dalamnya berisi nama tag dan kadang juga ditambahkan dengan
atribut.
Contoh: <p>, <a>, <body>, <head>,
dan sebagainya. Tag selalu ditulis berpasangan. Ada tag pembuka dan ada tag penutupnya. Namun, ada
juga beberapa
tag yang tidak ada penutupnya
. Tag penutup ditulis dengan menambahkan garis miring
(/) di depan nama tag.
2. Elemen HTML
Elemen bertanggung jawab untuk membuat halaman web dan menentukan konten di halaman web tersebut. Sebuah elemen dalam HTML biasanya terdiri dari tag awal <nama tag>, tag penutup </nama tag> dan konten akan disisipkan di antara keduanya. Secara teknis, elemen merupakan kumpulan tag awal, atribut, tag akhir, konten di antara ketiga hal tersebut. Namun, perlu diingat bahwa beberapa elemen tidak memiliki tag akhir dan konten, elemen ini disebut sebagai elemen kosong atau elemen penutup sendiri.
3.Atribut HTML
Semua elemen HTML dapat memiliki atribut untuk memberikan informasi tambahan tentang elemen HTML itu sendiri. Atribut HTML juga selalu ditentukan di tag awal dan biasanya berupa pasangan nama atau nilai seperti: nama="value". Dalam artian lain, atribut ini merupakan kata khusus yang digunakan dalam sebuah tag pembuka. Gunanya untuk mengontrol perilaku dan mengubah elemen HTML.
Semua dokumen HTML harus diawali dengan deklarasi tipe dokumen: <!DOCTYPE html>. Dokumen HTML sendiri diawali dengan <html> dan diakhiri dengan </html>. Bagian dokumen HTML yang terlihat berada di antara <body> dan </body>. Sebagai contoh elemen dasar dari HTML adalah sebagai berikut:
<!DOCTYPE html>
<html>
<body>
<h1>My First
Heading</h1>
<p>My first
paragraph.</p>
</body>
</html>
Deklarasi <!DOCTYPE> menunjukkan tipe dokumen tersebut adalah dokumen HTML, dan membantu browser menampilkan halaman web dengan benar. Deklarasi hanya boleh muncul sekali, di bagian paling atas halaman (sebelum tag HTML apa pun). Deklarasi <!DOCTYPE> tidak membedakan huruf besar-kecil. Deklarasi <!DOCTYPE> untuk HTML5 adalah: <!DOCTYPE html>
Heading tag H1 – H6 adalah strukturisasi yang digunakan untuk mendefinisikan setiap bagian dari postingan dokumen website. Tag H1 adalah bagian paling penting dari keseluruhan dokumen website sehingga fungsinya adalah untuk judul utama. Sedangkan yang paling kecil, H6, berfungsi untuk melabeli bagian artikel yang nilainya lebih kurang penting dari tag heading dengan nilai di atasnya. Heading tag mempunyai peranan penting dalam SEO On Page. Pasalnya, SEO On Page adalah optimasi yang berkaitan dengan pengoptimalan halaman dalam website itu sendiri. Salah satunya adalah mempunyai konten terstruktur dan user friendly.
Tag <p> (paragraf) merupakan elemen HTML yang
digunakan untuk menandai sekumpulan teks sebagai suatu paragraf. Sebuah paragraf dibuat untuk
menyusun dan menata halaman sehingga menjadi lebih terstruktur dengan baik. Di dalam elemen ini juga
dapat berisi elemen paragraf lainnya yang menjadi sub dari elemen paragraf utama.