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
html body
p Bila browser Anda mendukung kemampuan bi-directional override bdo, baris
berikut ini akan dituliskan dari kanan ke kiri rtl:
6
p bdo dir=rtl
Anggap saja ini tulisan bahasa Arab bdo
br Ini adalah contoh quotation panjang:
blockquote Ini adalah quotation panjang. Ini adalah quotation panjang. Ini adalah quotation
panjang. Ini adalah quotation panjang. Ini adalah quotation panjang. blockquote
Ini adalah contoh quotation pendek: q
Ini adalah quotation pendek. q
p Menggunakan elemen blockquote, browser menyisipkan line break dan margin,
tetapi elemen q tidak akan menampilkan apapun yang khusus. p
body html
8. Teks yang terhapus, disisipkan, dan entitas karakter
html body
p satu dosin adalah
delduapuluhdel insduabelasins
buah p
p Hampir semua browser akan memberi garis overstrike pada teks yang
maksudnya terhapus dan teks yang disisipkan akan diberi garis bawah. p
p Tetapi beberapa browser yang lama akan menampilkan teks yang terhapus atau
teks disisipkan sebagai suatu teks biasa plain text. p
pIni adalah entitas karakter: 000;p p
Coba untuk mengganti 000 dengan suatu angka misalnya 169, dan muat ulang halaman Anda agar Anda dapat melihat hasil dari perubahan yang dilakukan.
p body
html
7
9. List unordered dan ordered
html body
h4Sebentuk list unordered:h4 ul
liKopili liTehli
liSusuli ul
br h4Sebentuk list ordered:h4
ol liKopili
liTehli liSusuli
ol body
html
10. Jenis-jenis list ordered
html body
h4List bernomor:h4 ol
liApelli liPisangli
liLemonli liJerukli
ol h4List dengan huruf:h4
ol type=A liApelli
liPisangli liLemonli
liJerukli ol
h4List dengan huruf kecil:h4 ol type=a
liApelli liPisangli
liLemonli liJerukli
ol h4List dengan angka romawi:h4
ol type=I liApelli
liPisangli liLemonli
liJerukli ol
8
h4List dengan angka romawi kecil:h4 ol type=i
liApelli liPisangli
liLemonli liJerukli
ol body
html
11. Jenis-jenis list unoredered
html body
h4List dengan bullet berbentuk disc:h4 ul type=disc
liApelli liPisangli
liLemonli liJerukli
ul h4List dengan bullet berbentuk lingkaran:h4
ul type=circle liApelli
liPisangli liLemonli
liJerukli ul
h4List dengan bullet berbentuk kotak:h4 ul type=square
liApelli liPisangli
liLemonli liJerukli
ul body
html
12. List bersarang dan list definisi