Tahukah Anda?
Pencarian di blog ini menggunakan Mesin Pencari Buatan Indonesia!
Mari kita dukung!  Kunjungi dan gunakan Penjejak.com ! »

Sabtu, 19 Mei 2012

Cara Melayout Teks HTML

Pada tulisan sebelumnya Anda telah belajar mengetahui apa itu HTML dan bagaimana cara membuat file HTML. Kali ini kita akan belajar bagaimana cara melayout teks di dalam kode HTML.

Untuk memformat atau mengatur layout teks di halaman web, digunakan tag-tag sebagai berikut :
  • <H1>, <H2>, hingga <H6> : untuk mengatur judul dan sub judul artikel di halaman web.
  • <P> : untuk menetapkan sekelompok kalimat menjadi sebuah paragraf.
  • <BR /> : untuk memenggal teks ke baris selanjutnya.
  • <HR /> : memberikan garis pemisah.
  • <B> : untuk memberi efek cetak tebal pada huruf.
  • <I> : untuk memberi efek cetak miring pada huruf.
Silakan susun kode berikut di Notepad untuk mencoba tag-tag di atas. Simpan sebagai teks.html dan lihat hasilnya di web browser.

<HTML>
<HEAD>
<TITLE>Mengatur Teks</TITLE>
</HEAD>
<BODY>
<H1>Judul Artikel</H1>
<P>Ini isi paragraf pertama. Paragraf ini ada di bawah judul artikel.</P>
<P>Ini isi paragraf kedua. Paragraf ini ada di bawah paragraf pertama.</P>
<H2>Ini Subjudul</H2>
<H3>Ini Sub Subjudul</H3>
<P>Ini teks sebelum dipenggal.
<BR />
Ini teks setelah dipenggal.</P>
<HR />
<P>Ini teks di bawah garis.</P>
<P><B>Ini Cetak Tebal</B> dan <I>Ini Cetak Miring</I></P>
</BODY>
</HTML>

Hasil Layout Teks
Hasil Layout Teks

Dapat Anda lihat, tag <H1>, <H2>, dan <H3> secara otomatis ditampilkan dengan ukuran huruf yang berbeda. Anda juga dapat melihat perbedaan perpindahan baris kata yang dipenggal dengan tag <BR />. Perhatikan juga hasil penggunaan tag garis pemisah, tag cetak tebal dan tag cetak miring.


Tidak ada komentar:

Posting Komentar