format HTML

 

Format teks pada HTML

1.Tag Wajib

Ada beberapa tag yang wajib ada di HTML. Tag ini harus kamu tulis.. kalau tidak, bisa jadi kode HTML-mu akan error menurut validator W3C.

Berikut ini daftar tag yang wajib ada di HTML:


    <!DOCTYPE html> — untuk deklarasi type dokumen;


    <html> — tag utama dalam HTML;


    <head> — untuk bagian kepala dari dokumen;


    <title> — untuk judul web;


    <body> — untuk bagian body dari dokumen.

Pastikan kalian menulis tag menggunakan huruf kecil. 

Tapi khusus untuk tag <!DOCTYPE html> ditulis dengan huruf besar. Sebenarnya bisa juga dengan huruf kecil dan akan valid menurut validator W3C.

Tapi untuk dokumen XHTML, menggunakan DOCTYPE dengan huruf kecil akan mengakibatkan error.

Pastikan menutup tag dengan benar

Contoh salah: <i><b><u>merebus</i></b></u>

Contoh benar: <i><b><u>merebus</u></b></i>

2.Tag Judul

Untuk membuat Judul, Sub Judul, Sub Bab dan seterusnya. Ada 6 tag heading yang bisa digunakan dari tag <h1> sampai tag <h6>.



3.Tag Format  Teks

HTML menggunakan tag seperti <b> dan <i> untuk memformat output, seperti teks tebal atau miring. Berikut Tag-tag HTML untuk pemformatan teks.

Contoh:


4.Tag Paragraf

Paragraf adalah kumpulan dari beberapa kalimat. Pada web, Paragraf biasanya digunakan untuk menampilkan teks atau artikel.

Paragraf pada HTML dibuat dengan tag <p>. Selain tag ini, ada juga tag pendukung lain seperti <div>, <hr>, <br>, dan <pre>.

Tag <p>

Contoh:



Tag <br> 

Tag <br> berfungsi untuk membuat baris baru.

Contoh:



Tag <br> adalah tag yang tidak memiliki pasangan penutup. Cara menutupnya, tambahkan saja garis miring seperti ini <br />.

Tag <br> boleh ditutup, boleh juga tidak. Namun, sebaiknya ditutup agar valid menurut validator W3C.


Tag <pre> 

Tag <pre> (preformatting) merupakan tag yang digunakan untuk menampilkan teks atau paragraf dalam format yang sudah kita tentukan di HTML. 

Pada kasus tertentu, kita ingin menampilkan paragraf dengan format yang lebih spesifik. Contohnya seperti pantun dan puisi yang paragrafnya diulis dengan garis baru dan juga indentasi.Hal ini dapat menjadi alternatif.

Contoh:



Tag <hr> 

Tag <hr> berfungsi untuk membuat garis horizontal

Contoh:



Tag <div> 

Tag <p> dan Tag <div>, memiliki perilaku yang hampir sama. Tapi tag <div> sebenarnya bukanlah tag untuk membuat paragraf, melainkan tag untuk membuat layout web.

Contoh:



Perbedaan Tag <p> dan Tag <div>


Paragraf yang dibuat dengan tag <div> tidak akan memiliki jarak margin antar paragraf.

Tag <div> biasanya digunakan untuk membungkus teks yang ada di luar artikel. Contoh seperti teks pada footer, header, sidebar, dll.





Komentar

Postingan populer dari blog ini

HTML MEMBUAT TABEL DAN LIST