Pengaturan Halaman Web dan Teks
Untuk mendapatkan halaman web
yang baik anda harus melakukan pengaturan terhadap halaman web dan teks-teks didalamnya
seperti mengatur warna latar belakang halaman, memilih jenis dan ukuran huruf,
perataan, warna teks, menambahkan gambar dll. Tag-tag di bawah ini yang
biasa digunakan dalam pengaturan halaman web dan teks:
a.
<body>, digunakan mendefinisikan
teks beserta formatnya yang hendak ditampilkan sebagai isi halaman web. Di
dalam tag ini bisa diletakkan berbagai page attribute seperti bgcolor, background, text, link, vlink,
alink, leftmargin dan topmargin.
1 Background = digunakan untuk mengatur
latar belakang dengan gambar/image.
1 Bgcolor = digunakan untuk
mengatur warna latar belakang dokumen,
dengan warna putih sebagai default-nya.
1 Teks = digunakan untuk mengatur warna teks dokumen, dengan warna hitam
sebagai warna default.
1 Link = Untuk
mengatur warna link dokumen dengan warna biru sebagai warna default
1 Vlink = Untuk mengatur warna visited link dokumen dengan
default ungu
1 Alink = digunakan untuk mengatur warna active link
dokumen dengan default merah.
b.
Heading: <Hn>..</Hn> Digunakan untuk mengatur
ukuran huruf pada header. "n" mempunyai nilai antara 1 - 6 atau
antara <H1> sampai <H6>, dengan <H1> merupakan ukuran
terbesar dan <H6> merupakan ukuran terkecil.
c.
Paragraph Baru: <P> Digunakan untuk pindah alinea atau membuat paragraf baru. Tag ini bisa diberi akhiran
</P> tapi juga bisa tidak diberi. Dalam tag ini juga bisa digunakan untuk
mengatur perataan kiri, tengah, kanan dan kiri-kanan, yaitu dengan attribut
ALIGN. Attribut align mempunyai
nilai: LEFT, RIGHT, CENTER dan JUSTIFY.
d.
Line Break: <BR> Digunakan untuk pindah ke
baris baru.
e.
No Line Break: <NOBR> Bila digunakan tag ini
maka teks yang panjang tidak secara otomatis pindah baris bawahnya bila baris
pertama sudah terlalu panjang.
f.
Font <FONT> Digunakan
untuk mengatur huruf dokumen HTML. Tag FONT mempunyai attribut, yaitu: SIZE, FACE, COLOR.
e
SIZE: Digunakan untuk mengatur ukuran font. Ukuran font
yang digunakan berkisar antara 1 - 7 dengan 1 merupakan ukuran terkecil dan 7
merupakan ukuran terbesar.
e
FACE: Digunakan untuk mengatur jenis atau nama font.
Anda bisa memilih maksimal 3 jenis font yang masing-masing dipisahkan oleh
koma. Bila terdapat spasi yang terletak pada nama font maka harus digunakan
tanda garis bawah (_). Dalam memilih jenis font ini harus dipertimbangkan
apakah font yang kita gunakan pada halaman web kita nantinya akan terdapat pada
komputer pengguna yang lain (pengakses web kita). Pendeknya kita tidak usah
menggunakan font-font yang bentuknya aneh-aneh, gunakan saja font standar. Tapi
bila Anda ingin menggunakan font yang sedikit "aneh" Anda bisa
menggunakan graphic.
e
COLOR: Digunakan untuk mengatur warna font. Didefinisikan
dengan menggunakan nilai RGB/HEX atau bisa juga langsung menggunakan nama warna
(red misalnya).
g.
Base Font: <BASEFONT> Digunakan untuk
mendefinisikan "default text". Attribut sama dengan attribut FONT.
Tag FONT akan mengoverwrite setting pada BASEFONT.
Contoh:
<basefont size=2 face="arial,helvetica"
color="#ff0000">
Selain tag dan atribut diatas, masih terdapat lagi tag-tag yang berhubungan
dengan pengaturan teks, yaitu:
Perhatian: Semua tag di bawah ini
membutuhkan tap penutup.
<B> Bold
text
<I> Italic text
<U> Underscore
<TT> Typewriter
<S> Strikeout - draws a
line through the text
<PRE> Preformatted Text <DFN>
Definition
<BLINK> Text
berkedip (lebih baik jangan digunakan)
<STRONG> Strong
<ADDRESS>
Italic
<CITE> Digunakan untuk
quoting text
<CODE> Monospaced
font (digunakan bila Anda
ingin meletakkan (memperlihatkan) kode HTML pada dokumen HTML Anda)
<SAMP> Monospaced
font (digunakan bila Anda
ingin meletakkan (memperlihatkan) kode HTML pada dokumen HTML Anda)
<KBD> Monospaced
font (digunakan bila Anda
ingin meletakkan (memperlihatkan) kode HTML pada dokumen HTML Anda)
<BIG> Ukuran teks akan lebih besar satu ukuran
<SMALL> Ukuran
teks akan lebih kecil satu ukuran
<SUP> Membuat
tekssuperscript
<SUB> membuat
tekssub script
<ABBREV> Abbreviations
<ACRONYM> Untuk
akronim
<PERSON> Digunakan
untuk indexing
<Q> Membuat short inline quotation
<VAR> Membuat
variable name, selalu dalam italics.
h. <HR>,
digunakan untuk membuat
garis horisontal. Tag ini mempunyai atribut SIZE, WIDTH, ALIGN dan NOSHADE.
i. LISTS
Daftar/list adalah merupakan kumpulan teks yang disusun sedemikian rupa
sehingga item-item yang ada memiliki nomor urut atau bisa juga berupa
tanda-tanda khusus/symbol.
Terdapat tiga tipe list yang
dapat digunakan, yaitu:
þ Unordered Lists: <UL> Untuk membuat daftar item
dengan tanda bullet (tidak bernomor). List entries didefinisikan dengan tag
<LI>. Pada jenis ini tidak
memerlukan pengurutan data.
Bentuk item tanda pada Unordered List dapat diubah dengan menggunakan
atribut TYPE kedalam tag <UL> dengan nilai “circle” untuk
bentuk lingkaran tengahnya putih, “square” untuk bentuk kotak padat
hitam dan “disc” bentuk lingkaran pada warna hitam.
þ Ordered Lists: <OL> Juga digunakan untuk membuat daftar item bernomor,
dengan tiap item dapat menggunakan angka arab atau romawi. List entries juga
didefinisikan dengan <LI> tag.
Atribut yang ada pada Ordered List adalah TYPE dan START.
þ Definition Lists: <DL>, digunakan untuk menjelaskan
istilah-istilah. Definition List
dinyatakan dengan tag <DL> dan diantara tag tersebut ditambahkan tag
<DT> Definition Term yaitu bagian istilah yang dijabarkan dan tag <DD> Definition Data yang
merupakan penjabaran dari istilah.
þ Preformatted Text:
<PRE>. Digunakan untuk mengatur format tampilan agar
sesuai dengan aslinya.
þ Extended Quotations: <BLOCKQUOTE>, digunakan untuk membuat
kutipan panjang, sehingga hasilnya menjorok ke dalam.