Kode
Warna
, dibuat dengan pencampuran warna sebagai
berikut:
Red
|
Green
|
Blue
|
FF
|
FF
|
00
|
Berarti untuk warna kuning dapat Pengaturan
warna dalam dokumen HTML menggunakan mode kombinasi RGB (red, green, blue). Setiap warna ditampilkan dalam dua digit nilai
heksadesimal (0, 1, 2, ..., F). Setiap bagian dua digit kode menunjukkan
banyaknya intensitas dari kombinasi warna merah, hijau dan biru. Misalnya untuk
warna kuningdibuat dengan kode #ffff00. Disamping itu, pembuatan warna dapat
juga dibuat dengan langsung menggunakan nama warna dalam bahasa inggris,
misalnya kuning=”yellow”.
Berikut
ini warna-warna yang dapat digunakan dalam halaman HTML.
Warna
|
Heksadesimal
|
White
|
#FFFFFF
|
Black
|
#000000
|
Red
|
#FF0000
|
Green
|
#00FF00
|
Blue
|
#0000FF
|
Magenta
|
#FF00FF
|
Cyan
|
#00FFFF
|
Yellow
|
#FFFF00
|
Anda
dapat juga membuat campuran sendiri warna-warna berdasarkan emajinasi anda.
Yang penting anda mengikuti aturan diatas.
2. 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.
2)
Bgcolor = digunakan untuk mengatur warna
latar belakang dokumen, dengan warna putih sebagai default-nya.
3)
Teks = digunakan untuk mengatur warna teks
dokumen, dengan warna hitam sebagai warna default.
4)
Link = Untuk mengatur warna link dokumen
dengan warna biru sebagai warna default
5)
Vlink = Untuk mengatur warna visited link
dokumen dengan default ungu
6)
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.
contoh1_1.html
<html>
<head>
<title>:::
Heading Dokumen HTML:::</title>
</head>
<body bgcolor=#ffffcc
text=#003399>
<h1>Headng Tingkat 1
</h1>
<h2>Headng Tingkat 2
</h2>
<h3>Headng Tingkat 3
</h3>
<h4>Headng Tingkat 4
</h4>
<h5>Headng Tingkat 5
</h5>
<h6>Headng Tingkat 6
</h6>
</body>
</html>
Hasilnya akan
terlihat seperti:
a.
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.
b.
Line Break: <BR>
Digunakan untuk pindah ke baris baru.
c.
No Line Break: <NOBR> Bila
digunakan tag ini maka teks yang panjang tidak secara otomatis pindah baris bawahnya
bila baris pertama sudah terlalu panjang.
d.
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).
contoh1_1.html
<html>
<head>
<title>:::
Ukuran, Jenis dan Warna Font:::</title>
</head>
<body>
<font
size=1 Face=arial color=red>Ukuran font 1</font><br>
<font
size=2 Face=arial color=green>Ukuran font 2 </font><br>
<font
size=3 Face=arial color=blue>Ukuran font 3 </font><br>
<font size=4 Face=verdana color=red>Ukuran font 4
</font><br>
<font size=5 Face=verdana
color=blue>Ukuran font 5 </font><br>
<font size=6 Face=tahoma
color=green>Ukuran font 6 </font><br>
<font
size=7 Face=tahoma color=red>Ukuran font 7 </font><br>
</body>
</html>
Hasilnya
akan terlihat
Contoh
lainnya:
<font size=2
face="times_new_roman" color="#0066cc">
e.
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.
