dasar html (3) : Formating Text

Dari sekian banyak tag HTML, yang paling penting adalah tag-tag HMTL umum untuk mendefinisikan judul, paragraf, ganti baris dan formating text.

monggo dilanjot…

JUDUL
Judul didefinisikan dengan menggunakan tag <h1> sampai dengan <h6>. <h1> mendefinisikan huruf judul yang paling besar dan <h6> merupakan huruf judul yang paling kecil. tag h menyatakan heading.
Untuk lebih jelasnya coba bikin file html seperti berikut, lalu perhatikan hasilnya:

<h1>Judul dengan Heading 1</h1>
<h2>Judul dengan Heading 2</h2>
<h3>Judul dengan Heading 3</h3>
<h4>Judul dengan Heading 4</h4>
<h5>Judul dengan Heading 5</h5>
<h6>Judul dengan Heading 6</h6>

NOTE: HTML secara otomatis akan menambahkan line-spacing (baris kosong) sebelum dan sesudah text judul.

PARAGRAPH
paragraph didefinisikan dengan menggunakan tag html <p> dan diakhiri dengan </p>
contoh:

<p> Ini adalah paragrag pertama</p>
<p> Ini adalah paragraf kedua</p>

Sama seperti tag heading, pada tag paragraf html juga secara otomatis menambahkan line spacing sebelum dan sesudah paragraf.

NOTE: terkadang ada juga yang menulis <p> tanpa tag penutup, kalo di browser dahulu tampilan nggak berubah, namun jika pada saat ini berani menghilangkan tag penutup, maka dijamin deh layout web kamu akan menjadi berantakan.

GANTI BARIS
untuk mendefinisikan ganti baris (enter) digunakan tag break – <br> pada saat kamu ingin menulikan baris baru di layout web. tag ini akan membuatkan baris baru dimanapun kamu memposisikan dia 🙂

contoh:

<p>ini ada<br>lah contoh penggunaan <br /> baris baru.</p>

NOTE: pada contoh diatas mungkin kamu bingung, kenapa ada tag <br> dan ada tag <br />
ini penjelasannya:
karena tag <br> tidak memiliki tag penutup, maka tag tersebut melanggar salah satu aturan dalam penulisan script HTML 4 dan XHTML atau di teknologi kedepannya., dimana semua tag HTML harus ditutup.
penulisan <br /> menyatakan bahwa tag tersebut sudah diberi tag penutup…
seperti <br></br>, penulisan tag <br></br> dianggap nggak lazim karena ini merupakan tag kosong.

KOMENTAR
seperti pada pemrograman dengan bahasa lain, terkadang kita perlu menyisipkan komentar untuk memberikan kita informasi/petunjuk singkat tentang bagian program yang kita tulis.
KOMENTAR dalam dunia pemrogramanan akan diabaikan oleh compiler, tidak dibaca sehingga tidak berpengaruh pada program yang kita buat.

contoh:

<!-- ini adalah koementar pada html -->

NOTE: kamu harus menuliskan tanda seru setelah tanda lebih kecil , namun kamu nggak perlu menuliskannya sebelum tanda lebih besar.

Leave a Reply

Your email address will not be published. Required fields are marked *