Belajar HTML Dasar : Format Text Pada HTML

Hadi Septiawan Sunday, December 11, 2022

Dalam penuliasan HTML sangat sering menggunakan format text didalamanya. baik itu dalam penulisan judul, ataupun isi dari content/halaman website sendiri. Berikut beberapa penjelasan dan contoh dari Format Text Pada HTML.

Format Text Pada HTML

Ada beberapa format text yang umumnya di gunakan, di antaranya adalah:

Membuat huruf tebal (bold) pada HTML

Untuk membuat teks menjadi tebal pada tampilan halaman web, bisa menggunakan tag <b> berikut contoh syntax HTML untuk membuat format text tebal :
<b>ini text tebal</b>

Membuat huruf miring (italic) pada HTML

untuk membuat teks miring pada HTML, kita bisa menggunakan tag <i>. contohnya:

<i>ini text miring</i>

Membuat huruf bergaris bawah (underline) pada HTML

untuk membuat teks underline/garis bawah pada HTML kita bias menggunakan tag <u>. contohnya :
<u>ini text underline</u>

berikut format text yang sering digunanakan dalam HTML.

tag Description
<b>format text bold/tebal
<i> format text italic/miring
<u> format text underline/garis bawah
<small> format text kecil
<strong>format text yang hampir sama dengan format bold
<sub> format subscripted teks
<sup> format superscripted teks
<ins> format text garis bawah
<del> format text dengan garis di tengah
<mark> format text yang berwarna

Berikut contoh penulisan tag/element format text di yang sudah di pelajari di atas :

<!DOCTYPE html>
<html>
<head>
          <title>belajar format format text</title>
</head>
<body>
          <b>ini format format text tebal</b><br/>
          <i>ini format text italic</i><br/>
          <u>ini format text underline</u><br/>
          <em>ini format text em</em><br/>
          <small>ini format text small</small><br/>
          <strong>ini format text strong</strong><br/>
          <sub>ini format text sub</sub><br/>
          <sup>ini format text sup</sup><br/>
          <ins>ini format text ins</ins><br/>
          <del>ini format text del</del><br/>
          <mark>ini format text mark</mark>
</body>
</html>


Post a Comment

0 Comments

Post a Comment