Langsung ke konten utama

HTML Text Formatting

HTML menyediakan kemampuan untuk melakukan format teks seperti yang biasa dilakukan pada MS Word atau aplikasi edit teks lainnya. Pada artikel ini, akan dibahas beberapa jenis pilihan untuk melakukan format teks.

satu, Membuat teks Bold atau Strong: dapat dilakukan pemformatan teks menjadi bold menggunakan tag <b>Tag bold menggunakan pembukaan tag dan penutupan tag. Teks yang akan dibuat menjadi bold harus menggunakan tag <b> dan tag </b>.

Dapat juga digunakan tag <strong> untuk membuat teks menjadi strong, untuk penekanan pada kata yang penting pada kalimat. Tag yang digunakan adalah <strong> dan diakhiri dengan tag </strong>.

Contoh:

<!DOCTYPE html>

<html>

<!-- html format teks-->

 

<head>

<title>

Bold

</title>

</head>

 

<body>

<!--Teks dalam format normal-->

<p>

Selamat datang

</p>

 

<!--Teks dalam format Bold-->

<p>

<b>Selamat datang</b>

</p>

 

<!--Teks dalam format Strong-->

<p>

<strong>Selamat datang</strong>

</p>

 

</body>

</html>

Output:

Selamat datang

Selamat datang

Selamat datang


dua, Membuat teks menjadi Italic atau Emphasize: Tag <i> digunakan untuk membuat teks menjadi Italic (miring). Tag dibuka dengan kode <i> dan diakhiri dengan </i>.

Tag <em> digunakan untuk membuat teks menjadi emphasize, yang dimulai dengan tag <em> dan diakhiri dengan </em>.

contoh:

<!DOCTYPE html>

<html>

<!-- HTML format teks -->

 

<head>

<title>

Italic

</title>

</head>

 

<body>

 

<!--Teks dalam format normal-->

<p>

Selamat datang

</p>

 

<!--Teks dalam format Italics-->

<p>

<i>Selamat datang</i>

</p>

 

<!--Teks dalam format Emphasize-->

<p>

<em>Selamat datang</em>

</p>

 

</body>

</html>

Output:

Selamat datang

Selamat datang

Selamat datang


tiga, Highlight teks: Pada HTML dimungkinkan untuk melakukan highlight teks menggunakan tag <mark>Tag tersebut dimulai dengan kode <mark> dan diakhiri dengan </mark>

Contoh:

<!DOCTYPE html>

<html>

<!-- HTML format teks-->

 

<head>

<title>

Highlight

</title>

</head>

 

<body>

 

<!--Teks dalam format normal-->

<p>

Selamat datang

</p>

 

<!--Teks dalam format Highlight-->

<p>

<mark>Selamat datang</mark>

</p>

 

</body>

</html>

Output:

Selamat datang

Selamat datang


empat, Membuat sebuah teks menjadi subscript atau superscript: elemen <sup> digunakan untuk membuat teks superscript dan element <sub> digunakan untuk membuat teks subscript. Kedua elemen tersebut memiliki tag pembukaan dan penutupan. 

Contoh:

<!DOCTYPE html>

<html>

<!-- HTML format teks-->

 

<head>

<title>

Superscript dan Subscript

</title>

</head>

 

<body>

 

<!--Teks dalam format normal-->

<p>

Selamat datang

</p>

 

<!--Teks dalam format Superscript-->

<p>

Hello <sup>Selamat datang</sup>

</p>

 

<!--Teks dalam format Subcript-->

<p>

Hello <sub>Selamat datang</sub>

</p>

 

</body>

</html>

Output:

Selamat datang

Hello Selamat datang

Hello Selamat datang


lima, Membuat ukuran teks menjadi kecil: element <small> digunakan untuk membuat teks menjadi berukuran kecil. Teks yang akan ditampilkan hurufnya dalam ukuran kecil harus dituliskan dalam tag <small> dan <\small>

Contoh:

<!DOCTYPE html>

<html>

<!-- HTML format teks-->

 

<head>

<title>

Small

</title>

</head>

 

<body>

 

<!--Teks dalam format Normal-->

<p>

Selamat datang

</p>

 

<!--Teks dalam format small-->

<p>

<small>Selamat datang</small>

</p>

 

</body>

</html>

Output:

Selamat datang

Selamat datang


enam, Memberi garis delete pada teks: Elemen <del> digunakan untuk membuat garis delete sepanjang teks. Elemen ini juga memiliki bagian pembukaan dan penutupan tag

Contoh:

<!DOCTYPE html>

<html>

<!-- HTML format teks-->

 

<head>

<title>

Delete

</title>

</head>

 

<body>

 

<!--Teks dalam format normal-->

<p>

Selamat datang

</p>

 

<!--Teks dalam format Delete-->

<p>

<del>Selamat datang</del>

</p>

 

</body>

</html>

Output:

Selamat datang

Selamat datang


tujuh, Menambah garis bawah teks: Elemen <ins> digunakan untuk menambah garis bawah (underline). Tag ini memiliki bagian pembukaan dan bagian penutupan. 

Contoh:

<!DOCTYPE html>

<html>

<!-- HTML format teks-->

 

<head>

<title>

Inserting

</title>

</head>

 

<body>

 

<!--Teks dalam format normal-->

<p>

Selamat datang

</p>

 

<!--Teks dalam format Insert-->

<p>

<ins>Selamat datang</ins>

</p>

 

</body>

</html>

Output:

Selamat datang

Selamat datang

Komentar

  1. Apa yang dimaksud dengan teks format pada HTML?

    BalasHapus
    Balasan
    1. HTML format merupakan proses pemformatan teks yang digunakan untuk menampilkan nuansa tertentu pada teks. HTML memberi kemampuan untuk melakukan format teks dengan menggunakan CSS.

      Hapus
    2. Ada banyak tag yang dipat digunakan dalam pemformatan teks HTML. Tag-tag tersebut digunakan untuk membuat teks menjadi lebih tebal, mirifng, atapun bergaris. Ada hampir sekitar 14 pilihan yang tersedia pada HTML yang dapat digunakan untuk melakukan pemformatan teks.

      Hapus
  2. Ada berapa tipe teks format dalam HTML?

    BalasHapus
    Balasan
    1. 1. Pemformatan karakter atau font.
      2. Pemformatan paragraf.
      3. Pemformatan dokumen atau halaman.
      4. Pemformatan section.

      Hapus

Posting Komentar

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