Struktur Dokumen HTML
Secara sederhana HTML terdiri dari dua bagian yaitu Header dan Body. Struktur HTML diapit oleh tag awal<HTML> dan tag akhir </HTML>. Standar penulisannya adalah:<HTML><HEAD>Deskrisi dokumen</HEAD><BODY>Isi dokumen</BODY></HTML>Contoh:
<HTML><HEAD><TITLE>Selamat datang di Homepage Saya</TITLE></HEAD><BODY>Halo, apakabar?. Homepage ini merupakan hasil karya saya yang pertama.</BODY></HTML>Menambah Objek Gambar
Biasanya orang menggunakan gambar untuk memperindah situsnya. HTML menyediakan tag<IMG> untuk menampilkan gambar dalam halaman web. Dari berbagai macam format gambar yang ada, hanya beberapa saja yang bisa dipergunakan dalam membuat halaman web. Format gambar yang paling sering digunakan adalah GIF dan JPEG. Format penulisannya adalah:<IMG SRC = “file_gambar” ALT = “nama_alternatif”>Atribut
SRC digunakan untuk menentukan sumber gambar. Atribut ALT berfungsi sebagai teks pengganti gambar untuk browser yang tidak bisa mendukung grafik, atau pada pihak client sengaja mematikan fasilitas pemanggilan gambar.Contoh:
<HTML>
<HEAD>
<TITLE>Menambah Objek Gambar</TITLE>
</HEAD>
<BODY>
<IMG SRC="1.gif">
</BODY>
</HTML>
<HTML>
Table
Tabel banyak digunakan karena dapat menampilkan informasi dengan bentuk yang ringkas dan mudah dibaca. Untuk membuat tabel digunakan tag awal<TABLE> dan tag penutup </TABLE>. Tag <TABLE> mewakili beberapa bagian penting, yaitu:CAPTION> … </CAPTION>digunakan untuk membentuk judul tabel. Judul tabel ini akan terletak diluar tabel, bisa di bagian atas atau bagian bawah tabel<TH> … </TH>berfungsi untuk meletakkan judul tabel di bagian peling atas atau paling kiri dari suatu tabel<TD> … </TD>digunakan sebagai tempat menulis data atau informasi dalam tabel
<HEAD>
<TITLE>Tabel</TITLE>
</HEAD>
<BODY>
<TABLE>
<CAPTION>Judul Tabel</CAPTION>
<TR>
<TH>Judul kolom 1</TH>
<TH>Judul kolom 2</TH>
</TR>
<TR>
<TD>baris 2, kolom 1 </TD>
<TD> baris 2, kolom 2</TD>
</TR>
<TR>
<TD> Apa aja </TD>
<TD> Apa aja </TD>
</TR>
<TR>
<TD>Jabarnur</TD>
<TD>Jabarnur resmi jadi anak bageur</TD>
</TR>
<TR>
<TD>Bebas</TD>
<TD>Naon we lakh <BR>
Puyeung…!!!</TD>
</TR>
</TABLE>
</BODY>
</HTML>
Link
Perintah anchor<A> digunakan untuk membuat suatu link. Untuk membuat link ke dokumen HTML lain digunakan perintah <A HREF = “nama_dokumen”>Teks pada browser</A>.Anda juga bisa membuat link dalam sebuah dokumen HTML. Untuk itu perlu dipersiapkan nama anchor lokasi tujuan dari link tersebut. Nama anchor dibuat dengan menambahkan atribut
NAME pada tag <A>. Misalnya <A NAME = “Bugs”</A>. Cara melakukan link ke bagian tersebut adalah <A HREF = “#nama_anchor”>teks pada browser</A>.Contoh:
<HTML><HEAD><TITLE>Link</TITLE></HEAD><BODY><A NAME="lengkap">Pemain-pemain AC Milan menurut abjad</A><BLOCKQUOTE><P>Abbiati ,<A HREF="#abbiati">info lengkap</A><P>Ayala<P>Ambrosini<P>Albertini<P>Boban<P><A HREF="linktujuan.html">kalo mau tahu lagi klik disini</A></BLOCKQUOTE><P><A NAME="abbiati">Abbiati</A><BLOCKQUOTE><P>Kiper ketiga timnas Italia runner up Euro 2000<BR>Kiper utama U-21 juara Piala Eropa U-21<BR>Kiper utama AC Milan juara Seri-A 1998-1999</BLOCKQUOTE><P><A HREF="#lengkap">kembali ke atas</A></BODY></HTML>
