Wednesday, January 25, 2017

Belajar HTML Untuk Pemula Sesi 6

cara-memberi-warna-jenis-huruf-danSeperti halnya ms word, HTML juga memiliki fasilitas yang dapat mengatur ukuran, warna, dan jenis huruf yang akan kita gunakan. Bedanya di html fasilitas tersebut berupa kode-kode html. format pengaturan font ini menggunakan tag yang memiliki 3 atribut yaitu:
  1. Atribut color berfungsi untuk mengatur warna 
  2. Atribut face untuk mengatur jenis huruf dan 
  3. Atribut size untuk mengatur ukuran huruf
Untuk memperjelas penggunaan atribut di atas silakan coba contoh script di bawah ini :
Contoh atribut color
<html>
<head>
<title>Font</title>
</head>
<body>
<font face="arial">Font dengan jenis arial</font><br>
<font face="calibri">Font dengan jenis calibri</font><br>
<font face="tahoma">Font dengan jenis tahoma</font><br>
<font face="cooper black">Font dengan jenis cooper black</font>
</body>
</html>
hasilnya
Font Tulisan dengan warna merah
Tulisan dengan warna hijau
Tulisan dengan warna biru
Contoh atribut face
<html>
<head>
<title>Font</title>
</head>
<body>
<font face="arial">Font dengan jenis arial</font><br>
<font face="calibri">Font dengan jenis calibri</font><br>
<font face="tahoma">Font dengan jenis tahoma</font><br>
<font face="cooper black">Font dengan jenis cooper black</font>
</body>
</html>
hasilnya
Font Font dengan jenis arial
Font dengan jenis calibri
Font dengan jenis tahoma
Font dengan jenis cooper black
Contoh atribut Size
<html>
<head>
<title>Font</title>
</head>
<body>
<font size="1">Font size 1</font><br>
<font size="2">Font size 2</font><br>
<font size="3">Font size 3</font><br>
<font size="4">Font size 4</font><br>
<font size="5">Font size 5</font><br>
<font size="6">Font size 6</font>
</body>
</html>
hasilnya
Font Font size 1
Font size 2
Font size 3
Font size 4
Font size 5
Font size 6
Cobalah dengan membuat gabungan atribut di atas seprti tampilan di bawah ini:
Font Font Arial dengan warna biru dan ukuran font 5
Font tahoma dengan warna hijau dan ukuran font 2
Font calibri dengan warna merah dan ukuran font 6
Font Arial dengan warna kuning dan ukuran font 10
Selamat Mencoba !!!

2 comments:

  1. Makasih mas infonya..manfaat sekali ini untuk belajat html nya....memang saya juga pernah belajar semester kemarin rada-rada puyeng html...hehheh

    ReplyDelete