laman

Tuesday, 11 October 2016

Cara Mengedit Ukuran, Huruf, Warna Pada HTML



Selamat Datang Di Blog Materi Pelajaran


Disini saya akan memberikan tutorial cara Mengatur Ukuran, Mengatur Font/huruf, Mengatur Warna pada HTML, kita juga dapat mengatur ukuran, warna, dan jenis huruf yang akan kita gunakan. Pengaturan huruf ini menggunakan tag <font></font>. Tag ini memiliki 3 atribut yaitu size untuk mengatur ukuran huruf, color untuk mengatur warna huruf, dan face untuk mengatur jenis huruf yang akan digunakan. Oke langsung saja silakan coba contoh source code di bawah ini :

1. Mengatur Ukuran

<html>
<head>
<title>Font</title>
</head>
<body>
<font size="1">Font dengan size 1</font><br>
<font size="2">Font dengan size 2</font><br>
<font size="3">Font dengan size 3</font><br>
<font size="4">Font dengan size 4</font><br>
<font size="5">Font dengan size 5</font><br>
<font size="6">Font dengan size 6</font><br>
<font size="7">Font dengan size 7</font>
</body>
</html>

hasil setelah dijalankan di browser :

Font dengan size 1

Font dengan size 2

Font dengan size 3

Font dengan size 4

Font dengan size 5

Font dengan size 6

Font dengan size 7

2. Mengatur Jenis Huruf

<html>
<head>
<title>Font</title>
</head>
<body>
<font face="arial">Font dengan jenis arial</font><br>
<font face="comic sans ms">Font dengan jenis comic sans ms</font><br>
<font face="tahoma">Font dengan jenis tahoma</font>
</body>
</html>

hasil setelah dijalankan di browser :
Font dengan jenis arial

Font dengan jenis comic sans ms

Font dengan jenis tahoma

3. Mengatur Warna
<html>
<head>
<title>Font</title>
</head>
<body>
<font color="red">Font dengan warna merah</font><br>
<font color="green">Font dengan warna hijau</font><br>
<font color="blue">Font dengan warna biru</font><br>
<font color="yellow">Font dengan warna kuning</font>
</body>
</html>

hasil setelah dijalankan di browser :

Font dengan warna merah

Font dengan warna hijau

Font dengan warna biru

Font dengan warna kuning

Silahkan di coba :)

Selesai itulah beberapa cara mengedit ukuran, warna, huruf pada HTML semoga artikel ini membantu anda untuk mengedut tulisan pada HTML.

No comments:

Post a Comment