Cara Menuliskan Tag
Setiap tag memiliki nama. Nama tag ditulis di dalam tanda < dan >. Penulisan nama tag dan tanda < tanpa spasi. Nama tag boleh ditulis dengan huruf kecil, huruf kapital, ataupun kombinasi antara huruf kecil dan huruf kapital. Dengan kata lain penulisan
<HTML>
<html>
<Html>
dianggap sama. Tetapi umunya nama tag ditulid dengan huruf kecil saja atau huruf kapital saja.
Atribut dalam Tag
Beberapa tag mengandung atribut di dalamnya.
Contoh:
<p ALIGN = “CENTER”>
Pada contoh ini, P adalah tag, sedangkan ALIGN adalah atribut. Pada umumnya atribut melibatkan
nilai. Pada contoh di atas, “CENTER” adalah nilai untuk atribut ALIGN. Seperti halnya nama tag,
nama ALIGN juga tidak membedakan huruf kecil dan kapital.
Tag <BR>
Salah satu tag yang biasa digunakan dalam kode HTML yaitu <BR>. Sebagai contoh:
<HTML>
<HEAD>
<TITLE>Tag BR</TITLE>
</HEAD>
<BODY>
Selamat Belajar HTML<BR>
Semoga Sukses!
</BODY>
</HTML>
Fungsi tag <BR> adalah untuk membuat baris baru atau berpindah baris. Dengan demikian, setelah browser menampilkan tulisan Selamat Belajar HTML Maka browser akan menempatkan tulisan berikutnya pada baris baru.
Menggunakan Tag <P>
Tag <P> berguna untuk membuat paragraf.
Contoh:
<HTML>
<HEAD>
<TITLE>Contoh Paragraf</TITLE>
<BODY>
Musik Jaz<P>
Musik Jazz banyak disukai oleh<BR>
Mereka yang menyukai keindahan dan<BR>
Kedinamisan bunyi.<BR>
</BODY>
</HTML>
Menggunakan Tag Judul
HTML menyediakan 6 buah tag yang digunakan untuk mengatur ukuran teks yang dijadikan sebagai judul dalam badan dokumen. Tag-tag
judul ini berupa <H1> … </H1>, <H2> … </H2>,
<H3> … </H3>, <H4> … </H4>, <H5> …
</H5>, <H6> … </H6>. Contoh:
<HTML>
<HEAD>
<TITLE>Contoh Judul</TITLE>
</HEAD>
<BODY>
<H1>Musik Jazz</H1><P>
Musik Jazz banyak disukai oleh<BR>
Mereka yang menyukai keindahan dan<BR>
Kedinamisan bunyi.<BR>
</BODY>
</HTML>
Contoh lain:
<HTML>
<HEAD
<TITLE>Tag H1-H6</TITLE>
</HEAD>
<BODY>
<H1>Tag H1</H1>
<H1>Tag H1</H1>
<H1>Tag H1</H1>
<H1>Tag H1</H1>
<H1>Tag H1</H1>
<H1>Tag H1</H1>
</BODY>
</HTML>
Sebagaimana telah dijelaskan di atas, kebanyakan tag memiliki atribut. Begitu juga halnya tag judul seperti <H1>. Salah satu atribut yang dapat digunakan adalah ALIGN, yang berfungsi untuk mengatur penempatan teks di dalam baris. Salah satu nilai yang dapat diberikan ke ALIGN adalah CENTER, yang berarti judul ditempatkan di tengah-tengah layar pada baris
yang bersangkutan.
Contoh:
<H1 ALIGN = “CENTER”>Musik Jazz</H1>
Selain CENTER, nilai lain yang dapat diisikan ke ALIGN yaitu LEFT, RIGHT, dan JUSTIFY. LEFT merupakan nilai bawaan untuk ALIGN, yang mengatur teks rata kiri terhadap halaman. RIGHT mengatur teks rata kanan terhadap halaman.
JUSTIFY mengatur teks rata kiri dan rata kanan. Efeknya terlihat untuk teks yang sangat panjang.
Membuat Garis Horizontal Untuk mempercantik tampilan, seringkali pembuat dokumen web menambahkan garis horizontal. Garis ini dapat dibuat dengan mudah dengan menyertakan tag <HR>.
Contoh:
<HTML>
<HEAD>
<TITLE>Tag HR</TITLE>
</HEAD>
<BODY>
<H1>Grup Jazz:</H1>
<HR>
Rippingtons
<HR>
Spyro Gyra
<HR>
Fourplay
<HR>
Casiopea
<HR>
</BODY>
</HTML>
Menggunakan Tag <CENTER>
Untuk menengahkan suatu teks, bisa digunakan tag <CENTER>. Tentu saja untuk mengakhiri penengahan teks (agar teks berikutnya tidak ditengahkan), perlu disertakan </CENTER>.
Contoh:
<HTML>
<HEAD>
<TITLE>Tag CENTER</TITLE>
</HEAD>
<BODY>
<CENTER>
<H2>Group Jazz Terkenal : </H2>
Rippingtons <BR>
Spyro Gyra <BR>
Fourplay <BR>
Casiopea <BR>
</CENTER>
*****
</BODY>
</HTML>
Perhatikan bahwa simbol ***** tidak ditengahkan karena sebelum teks ini terdapat tag pengakhir penengah teks </CENTER>
Memformat Teks
HTML menyediakan sejumlah tag yang berguna untuk mengatur bentuk teks secara fisik. Lihat tabel berikut :
Daftar tag untuk mengatur teks secara fisik
Pemakaian Tag Keterangan
<B>Teks</B> Teks ditampilkan dalam keadaan ditebalkan <BIG>Teks</BIG> Teks ditampilkan dengan ukuran lebih besar daripada ukuran normal <I>Teks</I> Teks ditampilkan dalam keadaan miring <SMALL>Teks</SMALL> Teks ditampilkan dengan ukuran lebih kecil daripada ukuran normal <SUB>Teks</SUB> Teks ditampilkan sebagai subskrip <SUP>Teks</SUP> Teks ditampilkan sebagai superskrip <TT>Teks</TT> Teks ditampilkan dalam bentuk seperti ketikan mesin ketik
<U>Teks</U> Teks ditampilkan dengan diberi garis bawah.
Contoh:
<HTML>
<HEAD>
<TITLE>Format Teks</TITLE>
</HEAD>
<BODY>
Normal <BR>
<B>Tebal</B><BR>
<BIG>Big</BIG><BR>
<I>Miring</I><BR>
<U>Digarisbawahi</U><BR>
<I><B>Miring dan tebal</B></I><BR>
X<SUB>n</SUB><SUP>2</SUP>
</BODY>
</HTML>
Teks Praformat
Contoh:
<HTML>
<HEAD>
<TITLE>Praformat</TITLE>
</HEAD>
<BODY>
<H1>Menu:</H1>
<PRE>
Nasi Goreng Spesial ........... 15.000
Nasi Rawon .................... 8.500
Nasi Gudeg Lengkap ............ 8.500
Nasi Langgi ................... 8.500
Nasi Soto Madura .............. 5.000
<PRE>
Selamat menikmati.
</BODY>
