≈ Halaman 28 ≈
BAB IV PEMFORMATAN TEKS HTML
Teks dalam dokumen web dapat diformat secara khusus untuk menunjukkan perbedaaan dan penekanan terhadap isi dan maksud dari teks tersebut.perbedaan ditampilkan dalam bentuk
huruf tebal,miring,garisbawah dan lain sebagainya.
Jenis-jenis pemformatan teks antara lain :
1. Teks pre format
Jarak antar katakalimat dalam dokumen web adalah sebesar 1 spasi. Jarak antar kata atau kalimat yang ditampilkan dalam browser web adalah 1 spasi,berapapun jumlah spasi dalam
dokumen web sesungguhnya. Agar browser dapat menampilkan dokumen tersebut sesuai dengan yang ada di dalam
editor teks,maka teks yang bersangkutan harus diberi tandatag Pre…pre. Dengan tag pre,teks akan ditampilkan dalam browser dengan ukuran font dan lebar fix.
Tag ini juga akan menjaga spasi,baris baru dan tab sesuai dengan aslinya pada saat ditampilkan dalam browser. Jadi tag pre akan membuat tampilan dokumen HTML pada
browser sama dengan tampilan pada teks editor. Tag ini sangat berguna bila dokumen HTML digunakan untuk menampilkan kode pemrograman komputer.
Contoh : html
head title menggunakan tag pre title
head body
pre Daftar menu :
Nasi Goreng Rp. 4500
Udang Asam Manis Rp. 7500
Spagheti Rp.15000
Atau untuk menampilkan kode program seperti ini : For I = 1 to 10
For J = 1 to 5 AI,j = IJ
Next Next
pre body
≈ Halaman 29 ≈ html
Hasilnya di browser :
gambar 2 : tampilan kode program di browser
2. Pemformatan karakterfont
Tag font digunakan untuk mengatur jenis,ukuran warna huruf.
Sintaks :
font face=”nama font” color =warna size=ukuran teks font
Keterangan sintaks : Nama font adalah nama dar jenis font yang terdapat pada komputer. Penggunaan tanda
kutip pada atribut boleh dihilangkan dengan syarat nama font tidak mengandung spasi. Ukuran font merupakan bilangan,sedangkan warna adalah jenis warna atau kode dari
warna yang bersangkutan. 000000=hitam FFFFFF = putih.
3. Pemformatan tampilan teks
Pemformatan tampilan teks pada HTML dibedakan menjadi dua,yaitu logical format dan physical format.
a. Logical format
Logical format menerapkan layout dokumen secara logis dan terstruktur. Tag-tag yang termasuk logical format adalah sebagai berikut :
≈ Halaman 30 ≈
Tag Fungsi
cite Untuk menandai suatu kutipan citation
code Untuk menampilkan kode-kode pemrograman
em Untuk menandai teks yang ditekankan oleh penulis emphasis
kbd Untuk menandai teks yang harus dimasukkan oleh user melalui keyboard
samp Untuk menandai teks yang dimaksudkan sebagai contoh
strong Untuk menandai teks yang dianggap sebagai bagian yang penting
var Untuk menampilkan nama variabel
dfn Untuk menandai sebuah subdefinisi dari daftar definisi
abbr Untuk mendefinisikan suatu singkatan
acronym Untuk mendefinisikan suatu akronim
address Untuk mendefinisikan suatu alamat
bdo Untuk mendefinisikan suatu arah teks by direction order
blockquote Untuk mendefinisikan quotation yang panjang
Table 2 : table daftar tag-tag logical format
b. Physical format
Physical format adalah format terhadap fisik suatu font. Tag yang termasuk physical format adalah :
Tag Fungsi
B Untuk membuat teks tebal bold
I Untuk membuat teks miringitalic
U Untuk membuat teks yang digaris bawahi
TT Untuk membuat teks yang seperti cetakan mesin ketik texttype
s Untuk membuat teks yang tercoret strikethrough
big Untuk memnampilkan teks dengan huruf lebih besar
small Untuk menampilkan teks dengan huruf lebih kecil
sub Untuk membuat teks subscript
sup Untuk membuat teks superscript.
strong Untuk mendefinisikan teks yang ditebalkan
Table 3 : table daftar tag-tag physical format
Contoh penggunaan :
HTML HEAD
TITLE Formatting Font TITLE
≈ Halaman 31 ≈
HEAD BODY
bBoldb BR
uUnderlineu BR
IItalicI BR
strongStrongstrong BR
emEmphasisem BR
citeCitationcite BR
Sstrikethroughs BR
COsup2sup BR
Hsub2subO BODY
HTML
Hasilnya di browser :
gambar 3 : tampilan hasil pemformatan font pada dokumen HTML
4. Karakter khususentitas
Beberapa karakter mempunyai arti khusus dalam HTML, seperti tanda lebih kecil yang berarti awal tag HTML dan tanda lebih besar yang berarti akhir tag HTML. Jika kita
≈ Halaman 32 ≈ menginginkan browser untuk menampilkan karakter-karakter tersebut,jkita harus
menyisipkan entitas karakter ke dalam source HTML. Entitas karakter mempunyai 3 bagian : sebuah ampersand ,sebuah nama entitas atau
sebuah dan nomor entitas,dan terakhir adalah sebuah titik koma;,semicolon. Kelebihan menggunakan nama dibanding nomor adalah mudah diingat. Kekurangannya
adalah tidak semua browser mendukung nama entitas terbaru;sedangkan dukungan untuk nomor entitas hampir ada pada setiap browser.
Sebagai catatan , bahwa entitas HTML mempunyai sifat case sensitive. Untuk mendapatkan kode-kode entitas yang lainnya, kita dapat mengunjungi situs
www.w3.orgTRWD-entities .
Entitas-entitas yang sering digunakan :
Tabel 4 : Daftar kode-kode entitas
Contoh penggunaan entitas :
HTML HEAD
TITLE karakter khusus TITLE HEAD
BODY Copyright copy; br
Trademark trade; br Registered reg; br
Poundsterling pound; br Yen yen; br
Euro euro;br BODY
Entitas Keterangan
copy; Copyright
reg; Registered
153; Trade mark
nbsp; Non breaking space
amp; Ampersand
laquo; Anggle quotation mark left
raquo; Anggle quotation mark right
poun Poundsterling
euro Euro
yen Yen
≈ Halaman 33 ≈
HTML
Hasil di browser :
gambar 5 : tampilan entitas di browser
≈ Halaman 34 ≈
BAB V LINK HTML
Kategori