Cara Penulisan Font dan Text Color di HTML | Web Edukasi - Sanabila.com

Home

Daftar Isi

Instagram

Google+

Facebook

Twitter

Contact

Pasang Iklan

Refresh
Loading...

Cara Penulisan Font dan Text Color di HTML

Cara Penulisan Font dan Text Color di HTML - Pada chapter Sebelumnya kita sudah membahas tentang :
Sekarang kita akan belajar tentang Penulisan Font dan Text Color di HTML.


Penulisan Font dan Text Color di 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".





Share on Google Plus
Written by: Sanabila. com
Sanabila, Updated at: 1/29/2015