1. HTML(Hypertext Markup Language)
Hypertext Markup Language (HTML) adalah bahasa standar dalam menulis halaman web, HTML merupakan pengembangan dari standar pemformatan dokumen teks. HTML sebenarnya adalah dokumen dalam bentuk ASCII atau teks biasa yang dapat diterjemahkan oleh browser web menjadi suatu halaman yang menarik.
1.2 STRUKTUR DOKUMEN HTML
Sesuai dengan namanya yaitu Hypertext Markup Language (HTML) maka dokumen HTML terdiri dari tanda-tanda (markup) untuk menandai perintah-perintahnya (yang selanjutnya akan kita sebut sebagai tag).
Tag HTML biasanya adalah tag-tag yang berpasangan dan ditandai dengan simbol < dan >, sedangkan ‘pasangan’ atau akhir perintah dari sebuah tag ditandai dengan tanda ‘/’, misalnya pasangan dari tag <tag> adalah </tag>.
Setiap dokumen HTML memiliki struktur sebagai berikut :
<HTML>
<HEAD>
<TITLE>Judul yang muncul pada title bar web</TITLE>
</HEAD>
<BODY>
Text, gambar atau isi dokumen HTML anda
</BODY>
</HTML>
untuk lebih jelasnya, anda buka editor NOTEPAD ketikkan baris perintah HTML diatas dan simpan dengan nama lat1.html , kemudian panggil melalui browser web anda.
1.3. Heading
Tag yang pertama kali akan kita pelajari adalah tag heading, yang berfungsi untuk memformat Heading (Judul/sub judul) dalam sebuah dokumen. Ada 7 buah heading yang dikenal dalam HTML yaitu <H1> sampai <H7>. Untuk mengetahui ukuran tiap heading, anda dapat mencoba baris-baris berikut :
<HTML>
<HEAD>
<TITLE>Latihan Heading</TITLE>
</HEAD>
<BODY>
<H1>Heading 1</H1>
<H2>Heading 2</H2>
<H3>Heading 3</H3>
<H6>Heading 6</H6>
<H7>Heading 7</H7>
</BODY>
</HTML>
1.4. Paragraf
Untuk memformat paragraf kita bisa menggunakan tag <P>. Dengan tag ini kita bisa menentukan alignment (posisi) dari dokumen HTML. Untuk mengatur posisi tulisan kita menggunakan atribut ALIGN. Atribut ALIGN diikuti dengan posisi yang diinginkan.
Selain tag <P> ada pula tag <BR> untuk pindah baris, <HR> untuk membuat garis, <BLOCKQUOTE> untuk membuat kutipan, <PRE> untuk menampilkan text sama dengan yang anda ketikkan dalam dokumen HTML, misal anda mengetikkan:
<HTML>
<HEAD>
<TITLE>TITLE BAR GOOGLE</TITLE>
<HEAD>
<BODY>
GOOGLE
GOOGLE
GOOGLE
</BODY>
</HTML>
Maka yang akan ditampilkan oleh browser adalah
Hal itu terjadi karena HTML tidak mengenali tombol Enter sehingga tombol tersebut diabaikan. Untuk mengatasi hal tersebut maka kita menggunakan tag <PRE> tersebut.
<HTML>
<HEAD>
<TITLE>Contoh Penggunaan Paragraf</TITLE>
</HEAD>
<P ALIGN=”right”>
Tulisan ini rata kanan.
<P ALIGN=”center”>
Tulisan ini akan berada di tengah dokumen
<P ALIGN=”left”>
Tulisan ini rata kiri
<P align=”left”>
Hallo,<BR>Apakah anda sudah faham HTML<BR>
Kalau sudah faham, coba latihan berikutnya<BR>
<PRE>
<--------->
| X X |
| X |
| --- |
<--------->
</PRE>
</BODY>
</HTML>
Output program diatas :
