Tutorial Belajar HTML Dasar Untuk Pemula Bag. 4

TAG MEMFORMAT DOKUMEN

sebuah dokumen yang baik tentu harus memenuhi banyak faktor, salah satunya menampilkan dokumen web mengikuti suatu format yang menyenangkan pembacanya, dan jelas. HTML menyediakan beberapa tag untuk memformat teks dari suatu dokumennya. Tag untuk memformat teks dari suatu dokumennya. Tag tag ini bekerja seperti pada sebuah word prosessor, anda dapat menebalkan, memberikan garis bawah, mengubah warna teks, memberikan penomoran dan justifikasi teks.
Perhatikan contoh berikut :
<p> Contoh <b>Teks bold</b> </p>
<p> Contoh <em>Teks Emphasized</em> </p>
<p> Contoh <strong>Teks Strong</strong> </p>
<p> Contoh <i>Teks Italic</i> </p>
<p> Contoh <sup>Teks Superscripted</sup> </p>
<p> Contoh <sub>Teks Subscripted</sub> </p>
<p> Contoh <del>Teks Struckthrough</del> </p>
<p> Contoh <code>Teks Computer code</code> </p>
Lihat lah hasil dari script diatas dan simpulkan !

Ganti Baris

Ganti baris atau line break merupakan salah satu tag yang berbeda penggunanya. Line break mengakhiri sebuah baris dan langsung berpindah pada baris berikutnya, tidak memberikan baris kosong seperi <p>. Tag <br> digunakan untuk keperluan ini. Penempatan <br> sama dengan menekan enter pada word processor. Tag <br> tidak mempunyai pasangan </br> sehingga untuk menjaga kemudahan migrasi ke XML sering ditulis </br> meskipun ini bukan suatu keharusan.
Berikut contoh penggunaan tag <br /> di dalam tag <address>
<address>
Nama Anda<br />
Departemen Teknik Informatika <br />
Fakultas Teknik <br />
Universitas Trunojoyo <br />
</address>
Lihatlah hasilnya akan ada jarak seperti menekan enter pada hasil script di atas !

Tag Pre-Format

Pada HTML, Jika anda menulis teks berikut :
Saya sedang
Belajar HTML
Untuk Membuat Aplikasi
Database Berbasis Web
Maka web broser akan memberikan hasil :

Saya sedang Belajar HTML Untuk Membuat Aplikasi Database Berbasis Web
Tidak ada pergantian baris meskipun tombol Enter ditekan setiap akhir baris. Ini merupakan ciri khusus dari HTML. Adakah suatu cara agar penekanan Enter dianggap sebagai ganti baris ?
Tag pre-format <pre> akan menampilkan halaman web sebagaimana anda menulisnya. Penekanan Enter, Spasi lebih satu kali, dan tab langsung diakomodasi oleh web browser dan memberikan hasil yang diharapkan.
Jika contoh di atas diberikan tag <pre> sebelum dan sesudahnya, tombol tab ditekan di awal baris serta diberikan banyak spasi, sehingga menjadi : 
<pre>
Saya sedang
               Bel    ajar HTML
                                      Untuk   mem    buat    aplikasi
Database berbasis web
</pre>
Lihatlah hasilnya akan berbeda tanpa menggunakan tag pre !

Garis Datar

Garis datar (horizontal) dapat digunakan sebagai salah satu cara memisahkan dua badian data, memudahkan penelusuran dokumen dan sekedar hiasan yang memperindah halaman web. Tag <hr /> mewakili kepentingan ini dan akan menampilkan garis datar sepanjang layar browser. Tag ini bersifat khusus seperti <br />, tidak mempunyai tag penutup sehingga sering ditulis <hr />
Contoh script :
<hr />
Kami belajar menggunakan haris datar
<hr /> <hr />
dalam dokumen web <hr />
untuk memperindah halaman ini <hr />
Lihatlah hasilnya di browser kamu dan kamu akan melihat garis secara horizontal !

Leave a Reply

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