PENGENALAN
HTML
HTML (Hyper Text Markup
Language) adalah salah satu bahasa yang paling umum dan sederhana untuk menulis
di web. Ada dua cara untuk membuat web page :
·
HTML editor (FrontPage, Dreamweaver)
·
Editor teks biasa (notepad, wordpad)
Penamaan dokumen
web boleh sembarang dengan menambah ekstension berupa ‘.htm’ atau ‘.html’. dokumen
HTML disusun oleh elemen-elemen yang berupa: Head, Body, Table, Paragraf dan
List.
TAG-TAG Dasar:
·
HTML
: <HTML> </HTML> Tag dasar untuk mendefinisikan dokumen HTML
· Head : <HEAD>
</HEAD> Untuk menuliskan keterangan tentang dokumen web yang akan ditampilkan
· Title : <TITLE>
</TITLE> Untuk memberikan judul/informasi pada caption browser web, tentang
topik atau judul dokumen web yang ditampilkan.
· Body : <BODY>
</BODY> Section utama dalam dokumen web
· Paragraf : <P>
</P> Membuat teks berparagraf
· Line Break : <BR>
Memaksakan ganti baris pada dokumen web.
· Heading : <Hn>
</Hn> Membentuk tulisan dengan pola judul (heading) dan ‘n adalah nomor tingkatan
dari 1-6’.
· Garis Mendatar :
<HR> Membuat garis mendatar pada dokumen.
· Komentar : <!--
--> Membentuk tulisan menjadi komentar.
Tag-tag
Pemformatan:
1)
<B>
</B> Definisi teks yang ditebalkan
2)
<BIG>
</BIG> Definisi teks yang besar ukurannya
3)
<EM>
</EM> Definisi teks yang ditekan
4)
<I>
</I> Definisi teks yang miring-italic
5)
<SMALL>
</SMALL> Definisi teks yang kecil ukurannya
6)
<STRONG>
</STRONG> Definisi teks yang ditebalkan
7)
<SUB>
</SUB> Definisi teks yang jadi subscript
8)
<SUP>
</SUP> Definisi teks yang jadi superscript
9)
<INS>
</INS> Definisi teks yang disisipkan
10)
<DEL>
</DEL> Definisi teks yang dihapus
11)
<S>
</S> Deprecated. Use <del> instead
12)
<STRIKE>
</STRIKE> Deprecated. Use <del> instead
13)
<U>
</U> Deprecated. Use styles instead
Contoh :
LIST HTML
List merupakan
bentuk yang umum yang biasa kita gunakan untuk menguraikan daftar sesuatu,
jenis-jenis list dalam HTML adalah:
· list tanpa nomor
· list dengan
nomor
· list definisi
Unordered List
(List tanpa nomor)
Untuk membuat
list tanpa nomor (bulleted list):
· Mulai dengan tag
pembuka list <UL>
· Masukkan setiap
item list dengan menggunakan tag <LI> kemudian tuliskan itemnya (satu saja),
tag penutup item </LI>
· Ulangi lagi
langkah kedua untuk menuliskan item list berikutnya
· Akhiri seluruh
list dengan sebuah tag penutup </UL> Unordered list disebut juga sebagai
bulleted list, mempunyai bullet default berupa noktah. Jenis bullet bisa diubah
contohnya dengan mengisi atribut “type” dengan disk atau box.
Ordered List
(List dengan nomor)
Untuk list
dengan nomor, disebut juga ordered list, tag <UL> dubah dengan
<OL>, demikian juga </UL> diganti dengan </OL>. Nomor item
secara default adalah menggunakan angka 1,2,3..dst sampai dengan sejumlah item
dalam list tersebut. Untuk keperluan penyajian tertentu kita dapat mengubah nomor
dalam ordered list dengan model angka yang lain, dengan mengisi atribut “type”
pada tag <OL>
TYPE ARTI
· I Ditampilkan
dengan angka Romawi huruf besar
· i Ditampilkan
dengan angka Romawi huruf kecil
· a Ditampilkan
dengan angka abjad huruf kecil
· A Ditampilkan
dengan angka abjad huruf besar
List definisi
· <dl> ...
</dl> untuk list definisi
· <dt> ...
</dt> untuk item definisi
· <dd> ...
</dd> untuk isi definisi
contoh 1 :
contoh 2 :
contoh 3 :
Sumber referensi
:
Betha Sidik, Ir.
,Husni I.Pohan, HTML DAN XML, Informatika Bandung, Bandung, 2002.
