3
LATIHAN Setelah mengenal tag-tag yang digunakan dalam HTML, Anda dapat belajar
menggunakannya dalam beberapa contoh kasus di bawah ini. Tulislah kode HTML pada editor teks yang tersedian dan simpan dalam format file HTML. Untuk melihat
hasil dari kode yang Anda tulis, bukalah file HTML pada sebuah browser. 1. Paragraf dan line break
html body
p
Paragraf ini mengandung spasi dan baris
dalam kode sumbernya, tetapi browser
akan mengabaikannya. Mengapa begitu?
p p
Sedangkan yang ini memiliki nbsp; nbsp; nbsp; nbsp; nbsp; spasi panjang.
p p align=”center”
Jumlah baris dalam setiap paragraf tergantung pada ukuran window browser Anda. Bila Anda mengubah ukuran window browser, jumlah baris dalam paragraf
akan berubah.
p p align=”right”
Untuk memotong brbarisbrdalam sebuahbrparagraf,brgunakan tag br.
p body
html
2. Background color dan heading
html body
body bgcolor=yellow p
Perhatikan bahwa halaman ini seharusnya berwarna kuning.
p h1
Ini adalah heading 1
h1 h2
Ini adalah heading 2
h2 h3
Ini adalah heading 3
h3 h4
Ini adalah heading 4
h4 h5
Ini adalah heading 5
h5 h6
Ini adalah heading 6
h6 p
Gunakan tag heading hanya untuk membuat heading saja. Jangan menggunakan tag tersebut hanya untuk membuat tampilan huruf tebal. Gunakan
tag lain untuk keperluan itu.
p
4 h1 align=center
Ini adalah heading 1
h1 p
Heading di atas telah diposisikan untuk berada di tengah halaman ini.
p body
html
3. Garis horisontal dan komentar tersembunyi
html body
pTag hr mendefinisikan sebuah garis horisontal, default-nya adalah rata tengah:p
hr color=”green” p align=”left”Terdapat paragraf disinip
hr width=”80” size=”10” align=”left” p align=”right”Terdapat paragraf disinip
hr width=”400” size=”6” align=”right” color=”red” center
pTerdapat paragraf disinip center
— Ini adalah komentar yang tidak akan ditampilkan di layar browser -- body
html
4. Pemformatan teks
html body
bTeks ini tebal b br
strong Teks ini juga tebal strong br
big Teks ini hurufnya besar big br
em Teks ini miring em br
i Teks ini juga miring i br
small Teks ini hurufnya kecil small br
Teks ini berisi sub subscript sub br
Teks ini berisi sup superscript sup body
html
5. Teks yang di-preformat
html body
pre Ini adalah
Teks yang di-preformat. Preformat akan menampilkan spasi dan
5
line break apa adanya. pre
pTag pre cocok untuk menampilkan kode komputer di bawah ini:p pre
for i = 1 to 10 print i
next i pre
body html
6. Tag “keluaran komputer”, alamat, singkatan, dan kependekan
html body
codeKode Komputer code br
kbdMasukan dari keyboardkbd br
ttTeks jenis teletype tt br
sampTeks contohsamp br
varVariabel komputer var br
p bCatatan:b Tag-tag tersebut biasanya digunakan untuk menampilkan kode
komputer pemrograman. p
address Lab Komputer Dasar Prodi Ilmu Komputer
FMIPA UGMbr br
address br
abbr title=Universitas Gadjah MadaUADabbr br
acronym title=World Wide WebWWWacronym pAtribut title digunakan untuk menampilkan versi yang dieja ketika pointer
mouse berada di atas kependekan atau singkatan.p pDalam IE 5, hanya elemen acronym yang mau bekerja.p
pDalam Navigator 6.2, elemen abbr dan acronym keduanya dapat bekerja.p body
html
7. Arah teks dan quotation