Belajar HTML
Font pada HTML
Asalamualakum.....
kali ini saya akan menerangkan tentang gaya
huruf pada html
Jadi jika kita ingin membuat web dengan gaya tulisan yang
menarik bukan tidak mungkin orang akan tertarik untuk membaca tulisan di web
kita. Oleh karena itu perlu untuk mendesain gaya tulisan pada web kita.
Langsung saja tanpa bertele-tele
<font></font>
<font s face=””>
<font size=””>
Font adalah elemen script untuk mendesain gaya,ukuran,warna
huruf di html.
Font style disini untuk memasukan gaya text yang kita inginkan gaya text seperti Tahoma,times new
roman,Algerian,arial dll.
Font size disini untuk menentukan ukuran huruf sesuai
keinginan kita
Bingung ya dari pada bingun mending langsung praktek aja
hahaha
buka notepad atau notepad++ lalu tulis script di bawah ini!
<html>
<head>
<body>
<font face=”Tahoma”>ini
text dengan gaya huruf Tahoma</font><br>
<font face="times new roman">ini text dengan
gaya huruf Times new roman</font><br>
<font face="arial">ini text dengan gaya
huruf Arial</font><br>
<font face="algerian">ini text dengan gaya
huruf algerian</font><br>
</body>
</html>
Simpan dengan nama font01.html
Hasilnya seperti gambar berikut!
Gampangkan hehehe....
Ok selanjutnya kita akan merubah ukuran hurufnya
Tulis script berikut!
<html>
<head><title>membuat gaya huruf di html</title></head>
<body>
<font size="5">ini text dengan ukuran huruf
5 </font><br>
<font size="7">ini text dengan ukuran huruf
7 </font><br>
<font size="3">ini text dengan ukuran
3</font></br>
<font size="6">ini text dengan ukuran
6</font>
</body>
</html>
Simpan dengan nama font02.html
Hasilnya seperti gambar berikut!
Sudah mulai paham kan hehehe…..
Catatan untuk size nilai tertinggi adalah 7.
Selanjutnya kita akan
memberi warna pada text di html kita
Tulis script berikut!
<html>
<head><title>membuat gaya huruf di
html</title></head>
<body>
<font color="red">ini text dengan huruf
berwarna merah </font><br>
<font color="blue">ini text dengan huruf
berwarna biru </font><br>
<font color="green">ini text dengan huruf
berwarna hijau </font><br>
<font color="yellow">ini text dengan huruf
berwarna yellow </font><br>
</body>
</html>
Simpan dengan nama font03.html
Hasilnya seperti gambar berikut!
Wihh udah mulai jago nih hehehehe
Untuk menulis kode ukuran,gaya ,dan warna pada html kita
hanya perlu mengunakan satu elemen <font> saja yaitu contoh!
<html>
<head><title>membuat gaya huruf di
html</title></head>
<body>
<font face="tahoma" color="red"
size="7" >ini text dengan huruf berwarna merah </font>
</body>
</html>
Simpan dengan nama
font04.html
Hasilnya seperti gambar berikut!
Pada kode di atas saya menset text dengan gaya huruf
Algerian ukuran 7 dan warna merah.
Sekian dari saya semoga bermanfaat
wasalamualakum….
No comments:
Post a Comment