Ketikkan kode berikut pada Notepad++:
<html>Simpan dengan nama font.html
<head>
<title>Mengatur Font</title>
</head>
<body>
<font size="1">Mengatur Font size 1</font><br>
<font size="2">Mengatur Font size 2</font><br>
<font size="3">Mengatur Font size 3</font><br>
<font size="4">Mengatur Font size 4</font><br>
<font size="5">Mengatur Font size 5</font><br>
<font size="6">Mengatur Font size 6</font><br>
<font size="7">Mengatur Font size 7</font><br>
</body>
</html>
2. Mengatur Warna Font
Kembali ke Notepad++ hapus kode yang untuk mengatur ukuran font pada latihan 1diatas. Selanjutnya ketikkan kode dibawah ini:
<html>Simpan ulang kode yang sudah diketikkan. Kembali buka webbrowser dan reload halaman
<head>
<title>Mengatur Font</title>
</head>
<body>
<font color="red">Mengatur Font dengan warna merah</font><br>
<font color="yellow">Mengatur Font dengan warna kuning</font><br>
<font color="green">Mengatur Font dengan warna hijau</font><br>
<font color="blue">Mengatur Font dengan warna biru</font>
</body>
</html>
3. Mengatur Jenis Font
Kembali ke Notepad++ hapus kode yang untuk mengatur warna font pada latihan 2 diatas. Selanjutnya ketikkan kode dibawah ini:
<html>
<head>
<title>Mengatur Font</title>
</head>
<body>
<font face="arial">Font dengan jenis arial</font><br>
<font face="arial narrow">Font dengan jenis arial narrow</font><br>
<font face="comic sans ms">Font dengan jenis comic sans ms</font><br>
<font face="monotype corsiva">Font dengan jenis monotype corsiva</font><br>
<font face="tahoma">Font dengan jenis tahoma</font>
</body>
</html>
Simpan ulang kode yang sudah diketikkan.
4. Jika semua di padukan
Kembali ke Notepad++ hapus kode yang untuk mengatur jenis font pada latihan 3 diatas. Selanjutnya ketikkan kode dibawah ini:
<html>
<head>
<title>Mengatur Font</title>
</head>
<body>
<font size="3" color="red" face="arial">Latihan Mengatur Font dengan HTML</font><br>
<font size="5" color="yellow" face="arial narrow">Latihan Mengatur Font dengan HTML</font><br>
<font size="7" color="green" face="comic sans ms">Latihan Mengatur Font dengan HTML</font><br>
<font size="6" color="blue" face="monotype corsiva">Latihan Mengatur Font dengan HTML</font><br>
<font size="4" color="brown" face="tahoma">Latihan Mengatur Font dengan HTML</font>
</body>
</html>
0 Response to "Mengatur Ukuran,warna,jenis font html"
Posting Komentar