Belajar Website HTML Part 3 Format Font

Judul      : Belajar Website HTML Part 3 Format Font
Categori : HTML
Software : Notepad, Notepad++ dan Browser
Durasi     : 45 menit
Author     : Amir Alfian




Materi selanjutnya kita akan belajar Tag HTML untuk Font
Tag HTML untuk font adalah <font>…</font>, dengan tag ini kita bisa menentukan:
  1. jenis font (face)
  2. warna (color)
  3. ukuran (size)
Sebelum saya memberikan contohnya disini saya menggunakan text editor notepad ++(free), dengan menggunakan notepad++ akan lebih membantu kita mengetahui mana yg merupakan tag html.
Untuk mendownload notepad++ bisa klilk link dibawah ini:
Notepad ++

untuk lebih jelasnya mari kita perhatikan contoh berikut ini:
Contoh :
Klik gambar untuk memperbesar
disini saya memberikan screenshot dari html yg sudah saya buat dengan menggunakan notepad++ dimana nanti bisa dicoba dengan mengetik langsung pada notepad dan ini lebih membantu dalam proses belajar html dibanding dengan copy paste. Dan berikut dibawah ini adalah previewnya di browser :



Jika mengalami kesulitan, berikut kode tag htmlnya :

<html>
    <head>
        <title>Latihan Font</title>
    </head>
    <body>
    Untuk memilih jenis font (face) :
    <h1><font face="Arial">Judul dengan font Arial</font></h1>
    <p><font face="Times New Roman">Konten dengan font Time New Roman</font></p>
    Untuk mengubah ukuran Font (size):
    <h1><font size="5">Judul dengan size 5</font></h1>
    <p><font size="5">Konten dengan size 5</font></p>
    Untuk membuat warna font (color):
    <h1><font color="red">Judul dengan warna Merah</font></h1>
    <p><font color="blue">Konten dengan warna Biru</font></p>
    Contoh dari penerapan semua font (face, size, color) :
    <h1><font face="Arial" size="5" color="green"> Judul Penerapan face, size dan color</font></h1>
    <p><font face="verdana" size="5" color="yellow">Konten Penerapan face, size dan color</font></p>
    Untuk kombinasi antara font dan cetak tebal (b) serta cetak miring (i) :
    <p><font face="arial" size="3" color="purple">Ini adalah contoh tulisan dengan font, dan tulisan <b>cetak tebal,</b>
    serta tulisan <i>cetak miring</i></font></p>
    </body>
</html> 

(doc: a21)

~SEMOGA MENJADIKAN ILMU YANG BERMANFAAT~ 

No comments:

Post a Comment

Subscribe to: Post Comments (Atom)