Cara Mengatur Size, Color dan Style Huruf (Font) di HTML
Sama hal nya dengan kita bekerja pada microsoft word atau open office dan software pengetikan tulisan lainya kita bisa mengatur tulisan sesuai dengan yang kita butuhkan atau inginkan. Kita bisa mengatur ukuran, jenis, gaya tulisan dan lainnya.
Sama dengan HTML juga bisa seperti itu, hanya saja kita harus memasukkan tag yg di butuhkan, sedangkan software yg saya sebutkan tadi sudah tersedia pilihan dan button nya yang memudahkan kita.
Untuk mengatur huruf pada HTML anda dapat menggunakan tag <FONT> dan tag penutup </FONT>. Tag ini mempunyai beberapa atribut untuk mengatur formatting style dari suatu teks.
1. Ukuran Font
Size=n adalah atribut yang digunakan untuk mengatur besarnya ukuran font. Nilai n berkisar antara 0 (ukuran terkecil) sampai dengan yang terbesar 7. Untuk lebih jelasnya tuliskan kode berikut kemudian simpan dengan nama ukuran_font.html.
<!DOCTYPE html>
<html>
<head>
<title>Ukuran Font</title>
</head>
<body>
<font size="1">ini adalah ukuran Font 1</font><br>
<font size="2">ini adalah ukuran Font 2</font><br>
<font size="3">ini adalah ukuran Font 3</font><br>
<font size="4">ini adalah ukuran Font 4</font><br>
<font size="5">ini adalah ukuran Font 5</font><br>
<font size="6">ini adalah ukuran Font 6</font><br>
<font size="7">ini adalah ukuran Font 7</font><br>
</body>
</html>
Dan Ini adalah hasil dari ukuran_font.html:
2. Jenis Font
Untuk mengatur jenis font Anda dapat menggunakan atribut face dengan sintaksis face=string. Nilai string berupa string yang menunjukkan nama font dan biasa lebih dari satu. Ketikkan kode berikut untuk mengetahui hasil dari penulisan jenis font, kemudian simpan dengan nama jenis_font.html.
<!DOCTYPE html>
<html>
<head>
<title>Jenis Font</title>
</head>
<body>
<font face="Tahoma">Ini adalah jenis tulisan Tahoma</font><br>
<font face="Arial">Ini adalah jenis tulisan Arial</font><br>
<font face="Courier New">Ini adalah jenis tulisan Courier New</font><br>
<font face="Century Gothic">Ini adalah jenis tulisan Century Gothic</font><br>
<font face="Times New Roman">Ini adalah jenis tulisan Times New Roman</font>
</body>
</html>
Dan ini adalah hasil dari kode jenis_font.html:
3.Warna Font
Untuk mengeditnya kalian dapat mengikurti script di bawah ini untuk warna ditandai dengan tulisan “red”.
<font size="3" color="red">This is some text!</font>
<font size="2" color="blue">This is some text!</font>
<font face="verdana" color="green">This is some text!</font>
dan seperti ini hasilnya:
informasi berikut saya peroleh dari
daftar pustaka:
http://bacacoding.blogspot.com/2016/09/cara-mengatur-size-color-dan-style.html
https://4algo.blogspot.com/2012/07/cara-merubah-font-di-html.html
Sama hal nya dengan kita bekerja pada microsoft word atau open office dan software pengetikan tulisan lainya kita bisa mengatur tulisan sesuai dengan yang kita butuhkan atau inginkan. Kita bisa mengatur ukuran, jenis, gaya tulisan dan lainnya.
Sama dengan HTML juga bisa seperti itu, hanya saja kita harus memasukkan tag yg di butuhkan, sedangkan software yg saya sebutkan tadi sudah tersedia pilihan dan button nya yang memudahkan kita.
Untuk mengatur huruf pada HTML anda dapat menggunakan tag <FONT> dan tag penutup </FONT>. Tag ini mempunyai beberapa atribut untuk mengatur formatting style dari suatu teks.
1. Ukuran Font
Size=n adalah atribut yang digunakan untuk mengatur besarnya ukuran font. Nilai n berkisar antara 0 (ukuran terkecil) sampai dengan yang terbesar 7. Untuk lebih jelasnya tuliskan kode berikut kemudian simpan dengan nama ukuran_font.html.
<!DOCTYPE html>
<html>
<head>
<title>Ukuran Font</title>
</head>
<body>
<font size="1">ini adalah ukuran Font 1</font><br>
<font size="2">ini adalah ukuran Font 2</font><br>
<font size="3">ini adalah ukuran Font 3</font><br>
<font size="4">ini adalah ukuran Font 4</font><br>
<font size="5">ini adalah ukuran Font 5</font><br>
<font size="6">ini adalah ukuran Font 6</font><br>
<font size="7">ini adalah ukuran Font 7</font><br>
</body>
</html>
Dan Ini adalah hasil dari ukuran_font.html:
2. Jenis Font
Untuk mengatur jenis font Anda dapat menggunakan atribut face dengan sintaksis face=string. Nilai string berupa string yang menunjukkan nama font dan biasa lebih dari satu. Ketikkan kode berikut untuk mengetahui hasil dari penulisan jenis font, kemudian simpan dengan nama jenis_font.html.
<!DOCTYPE html>
<html>
<head>
<title>Jenis Font</title>
</head>
<body>
<font face="Tahoma">Ini adalah jenis tulisan Tahoma</font><br>
<font face="Arial">Ini adalah jenis tulisan Arial</font><br>
<font face="Courier New">Ini adalah jenis tulisan Courier New</font><br>
<font face="Century Gothic">Ini adalah jenis tulisan Century Gothic</font><br>
<font face="Times New Roman">Ini adalah jenis tulisan Times New Roman</font>
</body>
</html>
Dan ini adalah hasil dari kode jenis_font.html:
3.Warna Font
Untuk mengeditnya kalian dapat mengikurti script di bawah ini untuk warna ditandai dengan tulisan “red”.
<font size="3" color="red">This is some text!</font>
<font size="2" color="blue">This is some text!</font>
<font face="verdana" color="green">This is some text!</font>
dan seperti ini hasilnya:
informasi berikut saya peroleh dari
daftar pustaka:
http://bacacoding.blogspot.com/2016/09/cara-mengatur-size-color-dan-style.html
https://4algo.blogspot.com/2012/07/cara-merubah-font-di-html.html
Komentar
Posting Komentar