Kali ini membahas kode warna dasar, perataan atau align dan format text dan indentasi atau quotes. Mari kita mulai dari urutan pertama.
Warna dasar (color)Color merupakan attribute yang bisa anda tambahkan pada beberapa element seperti body, font, link dan lainya. Color di bagi dalam tiga ketegori warna primer yaitu red, green dan blue. Masing-masing color didefinisikan dalam dua digit hexadecimal number. Perhatikan tabel warna dibawah ini:
| Hexadecimal | Color |
|---|
| #FF0000 | Red |
| #00FF00 | Green |
| #0000FF | Blue |
| #000000 | Black |
| #FFFFFF | White |
Kode hexadecimal diatas adalah warna dasar. Warna-warna lain adalah kombinasi dari kode diatas. Kalau mau mencari sebuah warna gunakan macromedia dreamweaver agar lebih mudah.
Align atau perataan
Align attribute digunakan untuk menentukan perataan object dalam document HTML baik berupa text, object, image, paragraph, division dan lain-lain. Dibawah ini tabel untuk align atribut.
| Value | Description |
|---|
| left | Rata kiri |
| right | Rata kanan |
| center | Rata tengah |
| justify | Rata kanan maupun kiri |
Penggunaa bisa untuk paragraf, span, dll misalnya untuk paragraf maka kodenya seperti ini: <p align="justify"></p> kode diatas membuat paragraf menjadi rata kanan dan kiri.
Format text
Format text ini mempunya dua jenis kode yaitu Physical Formatting dan Logical Formatting. Kode kode untuk keduanya berbeda tapi ada yang fungsinya sama.
Physical Formatting
| Description |
|---|
| <B> ... </B> | Bold text (tulisan tebal) |
| <I> ... </I> | Italic text (tulisan miring) |
| <U> ... </U> | Underline Text (garis bawah) |
| <BIG> ... </BIG> | Untuk ukuran yang lebih besar dari normal |
| <SMALL> ... </SMALL> | Untuk ukuran yang lebih kecil dari normal |
| <STRIKE> ... </STRIKE> | Untuk memberi garis di tengah text (tercoret) |
| <SUP> ... </SUP> | Superscript text (tulisan lebih keatas) |
| <SUB> ... </SUB> | Subscript text (tulisan lebih kebawah) |
| <CENTER> ... </CENTER> | Center document (rata tengah) |
Saya pikir anda akan mengerti bagaimana penggunaan dari kode diatas, jika belum silahkan membaca serial tutorial ini pada edisi sebelumnya.
Logical Formatting | g | Description |
|---|
| <EM> ... </EM> | Text miring / <I> |
| <STRONG> ... </STRONG> | Text tebal / <B> |
| <DEL> ... </DEL> | Mencoret text / <STRIKE> |
| <INS> ... </INS> | Underline text / <U> |
Penggunaan logical formating diatas sama hasillnya dengan Physical Formatting. Silahkan pilih yang mana.
Quotes / Indentasi
Untuk membuat indentasi paragraph kita bisa menggunakan BLOCKQUOTE, untuk indentasi pendek anda bisa gunakan element Q. Contoh silahkan praktekkan kode-kode dibawah ini: simpan sebagai file HTML.
<html>
<head>
<title>Formating Font</title>
</head>
<body>
<font color="#9966FF" size="3">
Setting Up Web Server
</font>
<p>
To run web applications,you need a web server.
A web server is software that serves files in response
to requests from web browsers.
<blockquote>
A web server is sometimes called an HTTP server.
Common web servers include IIS,
Netscape Enterprise Server, iPlanet Web Server,
and Apache HTTP Server.
</blockquote>
If you’re not using a web hosting service,
choose a web server and install it on your local computer
or on a remote computer
</p>
</body>
</html> Hasilnya akan seperti dibawah ini:
Setting Up Web Server
To run web applications,you need a web
server.
A web server is software that serves files in
response
to requests from web browsers.
A web server is sometimes called an HTTP server.
Common web servers include IIS,
Netscape Enterprise Server, iPlanet Web Server,
and Apache HTTP Server.
If you�re not using a web hosting
service,
choose a web server and
install it on your local computer
or on a remote computer
Nah kode blockquote berfungsi membuat paragraf menjorok kedalam. Sudah capek nih dilanjutkan pada tutorial HTML lengkap 9 saja ya. Sampai jumpa.
Belum ada tanggapan untuk "Tutorial HTML-8 (ateonsoft.com/ayomaju.com)"
Post a Comment