PENGERTIAN HTML
HTML adalah sebuah bahasa pemrograman yang digunakan untuk membuat sebuahhalaman Web. Untuk menulis kode HTML digunakan editor teks seperti NotePad atau FrontPage atau Dreamweaver.
<HTML>
<HEAD>
<TITLE>Latihan Pertama</TITLE>
</HEAD>
<BODY>
Selamat Belajar HTML
</BODY>
</HTML>
Pasangan tag <HTML> dan </HTML> menandakanbahwa kode yang terdapat di dalamnya
adalah kode HTML sehingga browser akan menerjemahkan sebagai dokumen HTML
ƒ Bagian yang terdapat dalam <HTML> dan </HTML> umumnya terbagi atas :
- kepala, ditandai dengan pasangan tag <HEAD> dan </HEAD>
- badan, ditandai dengan pasangan tag <BODY> dan </BODY>
tag <TITLE> dan </TITLE>. Pada contoh di atas, judul dokumen HTML adalah Latihan
Pertama. Judul ini diletakkan di bagian atas jendela browser.
Cara Menuliskan Tag
Nama tag ditulis di dalam tanda < dan >. Antara nama tag dan tanda < ditulis tanpa spasi sama sekali. Nama tag boleh ditulis dengan huruf kecil, huruf kapital, ataupun kombinasi antara huruf kecil dan huruf kapital. Dengan kata lain, penulisan :
<HTML>
<Html>
dianggap sama. Namun umumnya nama tag ditulis 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 nama tag sedangkan ALIGN adalah nama atribut. Pada umumnya, atribut melibatkan nilai. Pada contoh di atas, “CENTER” adalah nilai untuk atribut ALIGN.
Komentar
Komentar adalah bagian dari kode HTML yang diabaikan oleh browser. Kegunaan komentar dalam kode HTML adalah sebagai keterangan. Sebuah komentar diawali dengan
<!-- dan diakrhiri dengan -->. Contoh :
<!— File komentar.htm
Dibuat pada tanggal 4 Agustus 2002 -->
<HTML>
<HEAD>
<TITLE>Komentar</TITLE>
</HEAD>
<BODY>
<!-- Ini juga komentar -->
Selamat Belajar HTML
</BODY>
</HTML>
Tag <BR>
Fungsi tag <BR> adalah untuk membuat baris baru atau berpindah baris. Contoh :
<HTML>
<HEAD>
<TITLE>Tag BR</TITLE>
</HEAD>
<BODY>
Selamat Belajar HTML<BR>
Semoga Sukses !
</BODY>
</HTML>
Tag <P>
Tag <P> digunakan untuk membuat paragraf. Contoh :
<HTML>
<HEAD>
<TITLE>Contoh Paragraf</TITLE>
</HEAD>
<BODY>
Pesona Tanaman Hias<P>
Keindahan tanaman hias<BR>
membawa suatu pesona tersendiri<BR>
Warna-warni bunga<BR>
aneka rupa corak daun<BR>
membuat orang dengan senang hati mengoleksinya
</BODY>
</HTML>
Di dalam tag <P> bisa disertakan atribut ALIGN yang berguna untuk mengatur peletakan teks di dalam masing-masing baris. Salah satu nilai yang dapat diberikan pada ALIGN adalah CENTER, yang menempatkan teks berada di tengah-tengah layar pada baris yang bersangkutan. Selain CENTER, nilai lain yang dapat diisikan pada ALIGN yaitu :
- LEFT, 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.
<HTML>
<HEAD>
<TITLE>Contoh tag P dengan ALIGN</TITLE>
</HEAD>
<BODY>
PUISIKU:
<P ALIGN = "CENTER">
Mataharipun mulai terbangun dari mimpi<BR>
menyemburatkan sinarnya yang hangat<BR>
Burung-burung berkicau riang<BR>
mengucapkan selamat pagi<BR>
</P>
Yogyakarta, 2002
</BODY>
</HTML>
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>Tag H1-H6</TITLE>
</HEAD>
<BODY>
<H1>Tag H1</H1>
<H2>Tag H2</H2>
<H3>Tag H3</H3>
<H4>Tag H4</H4>
<H5>Tag H5</H5>
<H6>Tag H6</H6>
</BODY>
</HTML>
Categories:
0 komentar:
Posting Komentar