- Chapter 1: Cara Membuat Tulisan Bold, Italic, Larger, smaller, dan Struktur Dokumen Pada HTML.
- Chapter 2: Cara Membuat Headings (h1,h2,h3) dan Horizontal Ruled Lines Pada HTML.
- Chapter 3: Cara Membuat paragraph, Align Attribute, Line Break, dan Preformatted Text Pada HTML.
- Chapter 4: Cara Membuat Center Tag dan Body Attributes Pada HTML
 |
| Penulisan Font dan Text Color di HTML |
Penulisan Fonts...
Saat ini, semua browser sudah compatible atau mendukung jenis font agar membuat tulisan kita beda dari yang biasanya. Kita bisa merubah atau mengatur font kita dengan tag FACE="font_name" di dalam atribut <FONT>. Font yang paling sering didukung oleh browser adalah Verdana, Arial, Helvetica, Comic Sans MS, dan beberapa font lainnya. Font bisa diatur sesuai dengan halaman Anda, karena ada banyak juga versi browser yang belum mendukung fitur ini.
Contoh Penulisan Fonts...
Verdana
<font size=+2 face="Verdana">Verdana</font>
Arial
<font size=+2 face="Arial">Arial</font>
Helvectica
<font size=+2 face="Helvetica">Helvetica</font>
Impact
<font size=+2 face="Impact">Impact</font>
Comic Sans MS
<font size=+2 face="Comic Sans MS">Comic Sans MS</font>
Note: Jika Anda tidak bisa menggunkan salah satu font di atas, maka versi browser Anda mungkin tidak mendukung font tersebut.
Text Color...
Anda dapat mengubah warna teks dengan menggunakan tag COLOR="font_color" didalam atribut <FONT>. Warna tersebut biasanya diatur dengan menggunakan sistem heksadesimal (#000000 untuk warna hitam atau #FFFFFF untuk warna putih) tetapi Anda juga dapat memasukkan kode warna tersebut dengan menggunakan kata sederhana dari warna yang bersangkutan. (Red untuk merah, Blue untuk biru, dsb.)
Contoh penggunaan Text Color...
Hey I'm blue!
<font color="Blue">Hey I'm Blue!</font>
Hey I'm green and in Impact Font!
<font size=+2 face="Impact" color="Green">Hey I'm green and in Impact Font!</font>
Hey I'm red!
<font color="Red">Hey I'm red!</font>
PRAKTEK HTML...
Tambahkan HTML di bawah ini di project ("Home.htm") yang Anda buat di chapter sebelumnya:
<html>
<head><title>My Home Page</title></head>
<body background="bgnd.gif">
<center><font color="Blue"><h1>'Nama Anda' Home Page</h1></font></center>
<hr>
Ini adalah home page of <b>YOURNAME</b>.
<p>Tulis sesuatu tentang diri Anda di sini. Jelaskan secara singkat siapa Anda dan apa yang Anda lakukan untuk kehidupan Anda. Ingatlah untuk menggunakan teks tebal dan miring, untuk lebih memahami HTML lebih lanjut..</p>
</body>
</html>
Simpan file "Home.htm".