1. Struktur Dokumen
Syarat perlu mempelajari suatu bahasa pemrograman adalah
mengetahui Strukturnya. Program/dokumen HTML terdiri dari Kepala
Program/Dokumen dan Badan Program/Dokumen dengan bentuk sbb :
<html>
<head>
......... Kepala Program
</head>
<body>
............. Badan Program
</body>
</html>
Dokumen HTML adalah suatu dokumen yang diapit dengan tag <HTML>
Kepala program diapit dengan tag <Head> dan untuk badan program
diapit dengan tag <Body>.
Berikut akan diberikan contoh program HTML yang sederhana :
<html>
<head>
<title>
Homepage Pribadi
</title>
</head>
<body>
<center>
<h1>Homepage-Ku</h1>
Inilah <b>Homepage </b> Pribadi-Ku <i>Yang Pertama</i>
</center>
</body>
</html>
Tampilan program :
Homepage-Ku
Tampilan :
Homepage-Ku
4. TABEL
Tabel adalah suatu tampilan yang mengandung unsur baris
dan kolom, untuk menampilkan tabel dalam homepage diperlukan
beberapa tag yaitu :
<Table> ....... </table> Untuk set dokumen tabel
<TR> ......... </TR>
Untuk set baris (Table Row)
<TD> ......... </TD>
Untuk set kolom (Table Data)
<TH> ......... </TH>
Untuk set Header (Table Header)
<Caption> .....</Caption> Untuk set Judul Tabel
Contohnya seperti berikut :
<html>
<head>
<title>
Homepage Pribadi
</title>
</head>
<body background="gambar1.jpg">
<center>
<h1>Homepage-Ku</h1>
<IMG SRC="gambar2.gif">
<Font size=3 Face="arial" color="blue">
Dosen : Ir. H. Sumijan, M.Sc
85
Pancasila 75
80
Agama
5. FRAME
Frame adalah perintah untuk tampilan yang home yang terbagi
dalam beberapa bingkai sesuai kehendak kita. Dapat dibagi secara
mendatar atau secara horizontal.
<Frameset> ....... </Frameset> Untuk set bingkai homepage
<Frame> ......... </Frame>
Untuk isi dan nama bingkai
Cols dan Rows
Untuk set baris atau kolom
Contohnya seperti berikut :
(sebelum menulis contoh, anda harus mempunyai minimal 2 dokumen
HTML
yang akan di panggil pada bingkai yang akan dibuat).
<html>
6. LINK
Link adalah menghubungkan dengan obyek lain, dapat berupa Web Page,
Gambar, Suara, ataupun ke komputer server yang lain. Link adalah
merupakan pembeda antara mode text HTML dengan text yang lain.
Untuk perintah Link dapat menggunakan elemen Anchor : <A> ...</A>
dan tambahan perintah HREF.
Contoh jika ada perintah :
<A HREF="contoh.htm">Menuju ke Dokumen Contoh.htm </A>
Artinya : Bahwa kalimat "Menuju ke Dokumen Contoh.htm" akan
diberi tanda (biasanya garis bawah) dan jika pointer mouse
berada pada kalimat tersebut, maka akan menjadi gambar jari
tangan
Dan apabila di Klick, maka contoh.htm akan ditampilkan.
Tampilan
Contoh
Link
Seperti yang anda lihat pada pelajaran Frame, tampilan pada layar
dapat dibagi menjadi dua atau beberapa. Agar anda dapat me-link
ke daerah yang dituju, misalnya bagian kanan atau kiri, dapat dilihat
lagi pada dokumen frame-nya pada perintah NAME, pada contoh
terdahulu
anda membagi dua halaman menjadi kiri dan kanan dengan memberi
nama
name="left" dan yang kanan diberi nama name="right", sehingga misal
kita ingin menampilkan dokumen contoh.htm ke halaman kiri dapat
diberi
perintah TARGET, contoh:
<a href="contoh.htm" target="left" >Link ke dokumen Contoh </a>
Pemacu link tidak harus tulisan, dapat juga pemacu link menggunakan
gambar atau image :
Dosen : Ir. H. Sumijan, M.Sc