Rabu, 18 April 2018

Atribut-atribut Font dan membuat tulisan menjadi tebal,miring dan garis bawah pda HTML


FONT
Tag ini dapat digunakan untuk mengatur : Ukuran,warna, dan jenis tulisan

1.     Membuat font size pada html
Size adalah ukuran, jadi jika ingin membuat ukuran yng berbeda beda pada program, maka kita bisa menggubahnya sesuai dengan kemauan kita. Dan ini contoh program yang bisa anda ikuti

<html>
<head>
<title> Mengola Ukuran Font </title>
<Head>

<body>
<font size="1"> Ukuran satu </font></br>
<font size="2"> Ukuran dua </font></br>
<font size="3"> Ukuran tiga </font></br>
<font size="4"> Ukuran empat </font></br>
<font size="5"> Ukuran lima </font></br>
<font size="6"> Ukuran enam </font></br>
<font size="7"> Ukuran tujuh </font>
</body>
</html>



Ketika selesai di ketik di notepad, maka simpan dan buka dengan menggunakan internet explorer. Maka hasil yang akan terlihat seperti ini
2.     Membuat font color pada html

<html>
<head>
<title> Mengola Ukuran Font </title>
<Head>

<body>
<font color="red"> Ukuran satu </font></br>
<font color="blue"> Ukuran dua </font></br>
<font color="green"> Ukuran tiga </font></br>
<font color="yellow"> Ukuran empat </font></br>
<font color="pink"> Ukuran lima </font></br>
<font color="light green"> Ukuran enam </font></br>
<font color="light blue"> Ukuran tujuh </font>
</body>
</html>


Maka hasil yang akan di buka ketika di intenet explorer seperti  ini

3.     Membuat font face pada html

<html>
<head>
<title> Mengola Ukuran Font </title>
<Head>

<body>
<font face="BatangChe"> Ukuran satu </font></br>
<font face="Aharoni"> Ukuran dua </font></br>
<font face="Bradley Hand ITC"> Ukuran tiga </font></br>
<font face="Algerian"> Ukuran empat </font></br>
<font face="Castellar"> Ukuran lima </font></br>
<font face="Aparajita"> Ukuran enam </font></br>
<font face="Brush Script MT"> Ukuran tujuh </font>
</body>
</html>


Maka hasil yang akan di buka ketika di intenet explorer seperti  ini
4.     Tag <b> atau <Strong> pada html

Tag B pada html ialah membuat tulisan menjadi Tebal
Contoh programnya yang ada di bawah ini

<html>
<head>
<title> Membuat teks tebal </title>
<Head>

<body>
yang ini tidak tebal <br>
<b>yag ini tebal</b></br>
<strong> yang ini tebal juga </strong>
</body>
</html>


Output yang akan di hasilkan seperti ini
Nah bisa Nampak kan bedanya teman teman ?
 itulah kegunaan dari B atau strong pada html

5.     Tag <i> atau <Em> pada html

Tag I pada html ialah membuat tulisan menjadi Miring
Contoh programnya yang ada di bawah ini

<html>
<head>
<title> Membuat teks tebal </title>
<Head>

<body>
yang ini tidak miring <br>
<i>yag ini miring</i></br>
<em> yang ini miring juga </em>
</body>
</html>


Output yang akan di hasilkan seperti ini

6.     Tag <U>  pada html

<html>
<head>
<title> Membuat teks tebal </title>
<Head>

<body>
yang ini tidak bergaris bawah <br>
<u>yag ini bergaris bawah</u>
</body>
</html>


Output yang akan di hasilkan seperti ini


Nah bagaimana teman, sudah bisakan ? pernah gak kalian bayangkan jika semua contoh Html yang ada di atas saya gabung menjadi satu ? wah pasti sulit bukan J
Tapi saya ada ini contoh html yang sederhana, semua html yang di atas tadi di jadikan satu
Ingin lihat hasilnya ?
Ini hasilnya


Bagaimana ? sudah terfikir bagaimana program nya ?
Wow pasti sulit yak an ?
Hehe tenang programnya enakkok, gk ribet Cuma buat pening kepala aja haha
Ini program nya

<html>
<head>
<title>Membuat penggabungan</title>
<head>

<body>
<font color="red"><u>GARIS</color></u> <font color="yellow"><u>BAWAH</color></u><font face="arial"> <font color="blue"><font>MIRING</font></color> <font color="black"><u>DAN</color></u><font face="algerian"> <font color="pink"><u><B>TEBAL</color></u></B><font face="COOPER BLACK"> <font color="PURPLE"><u>DI</color></u><font face="TIMES NEW ROMAN"> <font color="GREEN"><u>GABUNG</color></u><font face="AHARONI"><br>
<font color="purple"><u>GARIS BAWAH</color></u><font face="ALGERIAN"><br>
<font color="olive green"><u><i>MIRING</color></u></i><font face="comic sans ms"><br>

Sekian informasi dari saya, terimakasih ;)