Artikel Terbaru

Cara Memformat Teks Menggunakan Tag Font HTML

Pemformatan teks pada laman html tidak hanya menggunakan bentuk format standar (bold, italic, underline, dan lain sebagainya), melainkan juga dapat mengubah gaya penulisan huruf dengan menggunakan tag <FONT>. Tag <font> pada html terdiri dari beberapa atribut yaitu SIZE, COLOR, dan FACE yang mendukung pemformatan teks pada laman html. Pada materi ini peserta didik akan belajar bagaimana cara menggunakan Tag <FONT> untuk mengubah bentuk atau gaya penulisan teks pada laman html. Untuk dapat memformat teks dengan menggunakan tag <font> lakukan urutan langkah-langkah praktik berikut ini:

satu, Jalankan Notepad.
dua, Ketik baris kode program berikut ini.

<html>

 

<head>

<title>

Memformat Teks dengan Menggunakan Tag font

</title>

</head>

 

<body>

Ini Teks Normal <br>

 

<font size=5>Teks yang diatur menggunakan tag font dengan size=5</font

<br>

 

<font size=10>Teks yang diatur menggunakan tag font dengan size=10</font

<br>

 

<font color=#ff0000>Teks yang diatur menggunakan tag font dengan color=#ff0000</font

<br>

 

<font color=#ff0000 size=3>Teks yang diatur menggunakan tag font dengan color=#ff0000 dan size=3</font

<br>

 

<font face="verdana">Teks yang diatur menggunakan tag font dengan face="verdana"</font

<br>

 

<font face="arial">Teks yang diatur menggunakan tag font dengan face="arial"</font

<br>

 

<font face="verdana" size=6>Teks yang diatur menggunakan tag font dengan face="verdana" dan size=6</font

<br>

 

</body>

</html>


tiga, Simpan dengan nama "latihan10.html".
empat, Jalankan file latihan10.html pada browser.
lima, Perhatikan perbedaan teks yang ditampilkan apakah seperti terlihat pada gambar 1.

memformat teks dengan menggunakan tag font pada html
Gambar 1 memformat teks dengan menggunakan tag font html

Komentar

  1. Balasan
    1. Modul HTML Bimbingan Teknologi Informasi dan Komunikasi Kelas X SMAN 8 Semarang Edisi 1. 2020. Jawa Tengah.

      Hapus
  2. Bagaimana cara memformat font pada HTML5?

    BalasHapus
    Balasan
    1. Selain menggunakan atribut face pada html, cara lain yang dapat dilakukan untuk memformat teks adalah dengan menggunakan atribut style. Atribut style menentukan penggunaan gaya baris dalam sebuah elemen. Atribut digunakan dengan tag P, dengan properti css berupa font-style, font-size, dan lain sebagainya. Pada HTML5 atribut font sudah tidak lagi didukung penggunaannya, sehingga alternatif pengganti dari tag tersebut adalah menggunakan CSS.

      Hapus
  3. Apa tipe default yang digunakan pada html jika tidak dilakukan perubahan format font?

    BalasHapus
    Balasan
    1. Tergantung jenis browser yang digunakan, pada browser seperti Chrome, Opera, dan Firefox: format standar untuk font adalah Times New Roman, Font Serif: Times New Roman, Font Sans-serif: Arial, Monospace at Consolas.

      Hapus
  4. Apa yang dimaksud dengan text style?

    BalasHapus
    Balasan
    1. Text Style atau gaya teks adalah sumber daya (resource) yang menentukan atribut dari teks, termasuk juga font, ukuran, spasi baris, gaya font, perataan teks, warna teks, dan latar belakang dari teks. Text tyle juga bisa menjadi bagian dari definisi kelas (dipelajari pada bagian pemrograman berbasis object), sehingga semua item yang terdapat dalam kelas tersebut dapat memiliki atau mewarisi gaya yang sama.

      Hapus

Posting Komentar

Respon komentar 7 x 24 jam, so please be patient :D

Hot Artikel!!!

Enkapsulasi pada Java

6 Tahap Utama dalam Melakukan Kompilasi Program Hello World Java

6 Contoh Program Method Overloading pada Java