HTML Formatting Elements

HTML Formatting Elements

Hehe, kembali lagi dengan saya, pada materi sebelumnya saya membahas tentang HTML Styling, dengan menggunakan HTML Style Attribute.

Html juga mendefinisikan elemen khusus, seperti pada materi kali ini HTML Formatting Elements yang mendefinisikan teks dengan makna yang khusus.

Pada Html menggunakan tag <b> dan <i> untuk memformat output teks dalam bentuk tebal atau miring.

Elemen pemformat teks yang dirancang untuk menampilkan hasil yang khusus dari teks adalah sbb :

-          Bold text

-          Important text

-          Italic text

-          Emphasized  text

-          Marked  text

-          Small text

-          Deleted text

-          Inserted text

-          Subscripts

-          Superscripts.

Nah selanjutnya saya akan memberikan penjelasan tentang elemen-elemen diatas

HTML Bold and Strong Formatting

html <b> elemen mendefinisikan teks yang tebal. Contoh :

Selanjutnya adalah html <strong> elemen, elemen strong mendefinisikan teks kuat. Maksudnya teks tersebut sama seperti saat saya menggunakan elemen <b>, hasilnya sama. Perbedaannya hanya tagnya saja yang beda antara <b> dan <strong>. 

Contoh :

Seperti contoh diatas, tidak ada perbedaan antara elemen <b> dan <strong> karena ketebalan teksnya sama.

HTML Italic and Emphasized

Html italic menggunakan tag <i> agar teks tersebut menjadi miring. Contoh :

Selanjutnya adalah html emphazed. Format html ini menggunakan tag <em>, sama seperti elemen <i>, tag ini juga membuat teks tersebut menjadi miring. Contoh :

Browser menampilkan bahwa tag <strong> sama dengan tag <b>, dan tag <em> sama dengan tag <i>.Akan tetapi, disana ada perbedaan pada arti dalam tag ini. Yaitu : tag <b> dan <i> masing-masing mendefinisikan teks tebal dan miring, sedangkan tag <strong> dan <em> mengartikan bahwa teks tersebut itu “penting”.

HTML small Formatting

Pada format html ini, tag yang digunakan adalah tag <small>.
Jadi tag <small> ini mendefinisikan ukuran pada teks yang diinputkan.contoh :

HTML Marked Formatting

Format html ini menggunakan tag <mark>.
Tag <mark> mendefinisikan teks yang ditandai atau dipilih. Contoh :

HTML Deleted Formatting

Format html ini menggunakan tag/elemen <del>.
Tag <del> mendifinisikan teks yang dihapus/diremove. Contoh :

HTML Inserted Formatting

Format html ini menggunakan tag <ins>.

Tag <ins> mendefinisikan teks yang ditambahkan. Contoh :

HTML _Subscript Formatting

Format html ini menggunakan tag <sub>.

Tag <sub> ini mendefinisikan teks yang diperkecil seperti perpangkatan tapi dibawah bukan diatas.
Contoh :

         
HTML ^Superscript Formatting

Format html ini menggunakan tag <sup>.
Tag ini mendefinisikan teks diperkecil juga seperti perpangkatan tapi diatas kebalikannya subscript.
Contoh :

            

Alhamdulillah, sudah selesai pembahasan tentang elemen format html (HTML Formatting Elemens).               Kurang lebihnya seperti itu.

Semoga bermanfaat bagi kalian yang sedang belajar html.

Nah dibawah ini adalah tabel tambahan dari tag/elemen yang saya bahas diatas :

Tag	Deskripsi
<b>	Mendefinisikan teks yang tebal
<em>	Mendefinisikan teks miring dalam artian “penting”
<i>	Mendefinisikan teks yang miring
<small>	Mendefinisikan ukuran teks kecil
<strong>	Mendefinisikan teks yang tebal dalam artian “penting”
<sub>	Mendescripsikan teks dibawah garis karakter
<sup>	Mendeskripsikan teks diatas garis karakter
<ins>	Mendefinisikan teks yang ditambahkan
<del>	Mendefinisikan teks yang dihapus
<mark>	Mendefinisikan teks yang ditandai atau dipilih

Translated from w3schools.com

Created By Gugus Widiandito - Project X