Cara membuat WEB statis dengan HTML
Struktur Dokumen HTML
Secara sederhana HTML terdiri dari dua bagian yaitu Header dan
Body. Struktur HTML diapit oleh tag awal
Contoh:
<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
Contoh:
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
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
Contoh:
<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>
0 komentar:
Posting Komentar