Tag adalah sebuah 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:
Tag selalu ditulis berpasangan. Ada tag pembuka dan ada tag penutup. Namun, ada juga beberapa tag yang tidak memiliki pasangan penutup. Tag penutup ditulis dengan menambahkan garis miring (/) di depan nama tag
Setiap tag memiliki fungsinya masing-masing. Ada yang digunakan untuk membuat judul, membuat link, membuat paragraf, heading, dll
Berikut adalah daftar tag dasar, yang menurut saya harus Anda ingat.
TagFungsiuntuk memulai dokumen HTMLuntuk membuat bagian headuntuk membuat bagian bodysampai untuk membuat heading pada artikel
untuk membuat paragraphuntuk membuat komentar
Cara Menulis Tag HTML yang Benar
Beberapa orang sering melakukan kesalahan dalam penulisan tag. Ada yang lupa ditutup, ada yang salah ketik nama, dan sejenisnya
Beberapa saran penulisan tag yang bagus
1. Tag wajib
Ada beberapa tag yang harus ada dalam HTML. Anda harus menulis tag ini. jika tidak, bisa jadi kode HTML Anda akan error menurut validator W3C
Berikut ini adalah daftar tag yang harus ada dalam HTML
— untuk deklarasi tipe dokumen;
— tag utama dalam HTML;
— membuat kepala dari dokumen;
— bagian dari judul web;
— untuk isi dokumen
2. Gunakan Huruf Kecil
Hindari penggunaan huruf kapital dalam penulisan nama tag dan sebaiknya gunakan huruf kecil saja
Huruf kecil lebih mudah diketik dan juga akan membuat kode HTML terlihat lebih bersih dan rapi
Tapi khusus untuk tag . ia ditulis dengan huruf besar. Sebenarnya bisa juga dengan huruf kecil dan akan valid menurut validator W3C.
Namun untuk dokumen XHTML, penggunaan DOCTYPE dengan huruf kecil akan mengakibatkan error
3. Pastikan untuk Menutup Tag dengan Benar
Tag HTML nantinya akan ditulis secara bertumpuk. Artinya, di dalam tag tersebut ada tag lain. Terkadang kita sering salah dalam menutup tag yang bertumpuk tersebut. Akibatnya, kode HTML kami tidak valid
Pada tutorial Belajar HTML kali ini kita akan membahas tag paragraf, cara menulis tag paragraf dan cara membuat paragraf di HTML
Untuk memahami cara membuat paragraf dalam HTML, kita akan menggunakan contoh struktur HTML yang dibuat pada tutorial sebelumnya, dan menambahkan beberapa teks. Silahkan buka lagi text editor, lalu ketikkan kode berikut
Contoh penggunaan tag paragraf
Simpan sebagai paragraf. html, lalu jalankan di web browser
Kita akan melihat bahwa paragraf tersebut tidak berada pada baris yang berbeda, tetapi pada baris yang sama. Dalam HTML, spasi akan diabaikan, t termasuk jika kita mengubahnya menjadi.
Contoh penggunaan tag paragraf 2
<!DOCTYPE html> <html> <head> <title>Title dari Websiteku</title> </head> <body> Ini adalah paragraf pertama Ini adalah paragraf kedua </body> </html>_Kita harus memberi tahu browser web bahwa kedua kalimat itu harus dipisahkan. Dan bahwa setiap kalimat adalah paragraf
Tag Paragraf (
)
HTML menyediakan tag khusus untuk membuat paragraf. Penulisannya menggunakan huruf p, sebagai berikut :
. Mari kita revisi contoh kode HTML sebelumnya, dan menambahkan tag
.
Contoh penggunaan tag paragraf 3
<!DOCTYPE html> <html> <head> <title>title dari websiteku</title> </head> <body> <p>ini adalah paragraf pertama</p> <p>ini adalah paragraf kedua</p> </body> </html>Maka kali ini kita akan melihat bahwa kedua paragraf tersebut sudah berada pada posisinya masing-masing. Untuk setiap tag paragraf, browser web akan menyediakan spasi antar paragraf
Tag Break (
)
Cara lain untuk memisahkan kedua paragraf adalah dengan menggunakan tag
(br singkatan dari break).
Contoh penggunaan tag
:
Jika kode HTML diatas dijalankan, maka hasilnya hampir sama dengan menggunakan tag
. Namun pemisahan paragraf menggunakan tag
bukanlah untuk membuat paragraf. Tag
berfungsi untuk memisahkan sebuah bagian text dengan text lain. Jika yang kita butuhkan adalah struktur paragraf, maka gunakan tag
.
Meskipun tanda spasi tidak akan diperhitungkan dalam HTML, namun untuk membuat kode HTML, indentasi beberapa baris dalam tag akan membuat kode lebih mudah dibaca.
eBuku HTML Uncover Duniailkom
Apakah Anda serius ingin menguasai HTML? . EBook ini membahas tentang HTML secara lebih detail dan lengkap hingga fitur terbaru dari HTML5. Penjelasan lebih lanjut bisa ke. eBuku HTML Uncover Duniailkom