Formatting Teks di HTML - Purwana.Net
  Media Belajar membuat Software Aplikasi, Website, & Game untuk Pemula...

Post Top Ad

Minggu, 01 Januari 2017

Formatting Teks di HTML

Text Formatting

Teks ini tebal
Teks ini italic/cetak miring
Ini adalah subscript dan superscript

Elemen Formating di HTML

Pada pembahasan sebelumnya, kita sudah belajar tentang style atribut HTML.

HTML juga mendefinisikan elemen khusus untuk mendefinisikan teks dengan makna khusus.

HTML menggunakan unsur-unsur seperti <b> dan <i> untuk memformat output, seperti bold atau teks italic.

Elemen formatting yang dirancang untuk menampilkan tipe khusus dari teks:
  • <b> - teks Bold / tebal
  • <strong> - teks penting
  • <i> - teks miring
  • <em> - teks yang ditekankan
  • <mark> - teks yang ditandai
  • <small> - teks Kecil
  • <del> - teks yang dihapus
  • <ins> - Dimasukkan teks
  • <sub> - teks Subscript
  • <sup> - teks Superscript

Elemen HTML <b> dan <strong>

Elemen HTML <b> mendefinisikan teks tebal, tanpa kepentingan ekstra.

Contoh

<b>Ini Teks tebal</b>

Elemen HTML <strong> mendefinisikan teks yang kuat, dengan menambahkan semantik penting "strong".

Contoh

<strong>Ini adalah teks strong</strong>

Elemen HTML <i> dan <em>

Elemen HTML <i> mendefinisikan teks miring, tanpa kepentingan ekstra.
Contoh

<i>Teks ini italic</i>

Elemen HTML <em> mendefinisikan teks yang ditekankan, dengan menambahkan semantik penting.

Contoh

<em>ini adalah penekanan pada teks</em>

Catatan: Browser menampilkan <strong> sebagai <b>, dan <em> sebagai <i>. Namun, ada perbedaan dalam arti tag ini: <b> dan <i> mendefinisikan teks tebal dan miring, tapi <strong> dan <em> berarti menandakan bahwa teks tersebut "penting".

Elemen HTML <small>

Elemen HTML <small> mendefinisikan teks yang lebih kecil:
Contoh

<h2>Formatting <small>Small</small> HTML</h2>

Elemen HTML <mark>

Elemen HTML <mark> mendefinisikan yang ditandai atau teks yang disorot:
Contoh

<h2>Formatting HTML <mark>Marked</mark></h2>

Elemen HTML <del>

Elemen HTML <del> mendefinisikan teks yang
dihapus(dihilangkan).
Contoh

<p>Warna favorit saya adalah <del>biru</del> merah.</p>

Elemen HTML <ins>

Elemen HTML <ins> mendefinisikan teks yang
disisipkan(Ditambahkan).
Contoh

<p>Saya suka <ins>warna</ins> merah.</p>

Elemen HTML <sub>

Elemen HTML <sub> mendefinisikan teks subscript.

Contoh

<p>Ini adalah teks <sub>subscripted</sub>.</p>

Elemen HTML <sup>

Elemen HTML <sup> mendefinisikan teks superscript.
Contoh

<p>Ini adalah teks <sup>superscript</sup>.</p>

Elemen HTML Format Teks

Tag Deskripsi
<b> Mendefinisikan teks tebal
<em> Mendefinisikan teks yang ditekankan 
<i> Mendefinisikan teks italik / miring
<small> Mendefinisikan teks yang lebih kecil
<strong> Mendefinisikan teks yang penting
<sub> Mendefinisikan teks subscript
<sup> Mendefinisikan teks superscript
<ins> Mendefinisikan teks yang disisipkan / dimasukkan
<del> Mendefinisikan teks yang dihapus
<mark> Mendefinisikan teks yang ditandai / disorot

Post Top Ad