Elemen Pemformatan dan Qutipan Teks HTML

Elemen Pemformatan HTML

Di bab sebelumnya, Anda belajar tentang atribut gaya HTML .

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

HTML menggunakan elemen seperti <b>dan <i>untuk memformat output, seperti teks tebal atau miring .

Elemen pemformatan dirancang untuk menampilkan jenis teks khusus:

• <b> - Teks tebal
• <strong> - Teks penting
• <i> - Teks miring
• <em> - Teks ditekankan
• <mark> - Teks yang ditandai
• <small> - Teks kecil
• <del> - Teks yang dihapus
• <ins> - Teks yang disisipkan
• <sub> - Teks berlangganan
• <sup> - Teks Superskrip

Elemen <b> dan < srtong>

Merupakan elemen yang tag untuk menebalkan teks tanpa kepentingan exstra.

contoh : <b>ini teks tebal / bold</b>

Elemen HTML <strong> mendefinisikan teks yang kuat , dengan tambahan arti "kuat" semantik.

contoh : <strong>ini texs penting / strong</strong>

Elemen HTML <i> dan <em>

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

contoh : <i>ini texs gaya italic </i>

Elemen HTML <em> mendefinisikan teks yang ditekankan , dengan tambahan makna semantik.

contoh : <em>Teks ini ditekankan</em>

Catatan:  Browser ditampilkan <strong>sebagai <b>, dan <em>sebagai <i>. Namun, ada perbedaan dalam arti dari tag ini: <b>dan <i>mendefinisikan teks tebal dan miring, tetapi <strong>dan <em>artinya teks tersebut "penting".

Elemen HTML <kecil>

Elemen HTML <small> mendefinisikan teks yang lebih kecil :

contoh:  < h2 > HTML  < small > Small < / small >  Format < / h2 >

Elemen HTML <mark>

 Elemen HTML<mark> mendefinisikan ditandai atau disorot teks:

contoh:  < h2 > HTML  < mark > Ditandai < / Tandai >  Memformat < / h2 >

Elemen HTML <del>

 Elemen HTMLmendefinisikan <del> 
dihapus (dihapus) teks.

contoh : <p>Warna favorit saya adalah <del>Biru</del> Merah</p>

Elemen HTML <ins>

 Elemen HTML<ins> mendefinisikan
dimasukkan (ditambahkan) teks.

contoh : <p><ins>warna</ins>favorit saya dalah merah.</p>

Elemen HTML <sub>

 Elemen HTML<sub> mendefinisikan teks langganan .

contoh : <p>ini adalah texs_langganan</p>

Elemen HTML <sup>

 Elemen HTML<sup> mendefinisikan teks superscripted .

contoh : <p>ini adalah texs ^{superscripted}</p> 

Tag HTML <q> untuk Kutipan Singkat

 Elemen HTML<q> mendefinisikan kutipan pendek.

Browser biasanya memasukkan tanda kutip di sekitar <q>elemen.

contoh : <p>Tujuan penanaman pohon adalah:  <q>Bangun masa depan di mana orang hidup selaras dengan alam</q></p>

Tag HTML <blockquote> untuk Kutipan

<blockquote>Elemen HTML mendefinisikan bagian yang dikutip dari sumber lain.

Browser biasanya <blockquote>elemen inden .

contoh : 

<p>Ini adalah kutipan dari situs web Penanaman Pohon</p>

< blockquote  cite = "https://Penanamanpohon.com" >
Untuk melindungi alam tercinta ini dari polusi pemanasan global

saya mengajak anda kalian semua untuk membatu melestarikan alam tercinta ini dengan cara melestarikan lingkungan salah satunya di antarnya menanam Pohon.
< / blockquote >

HTML <abbr> untuk Singkatan

 Elemen HTML <abbr>mendefinisikan singkatan atau akronim.

Menandai singkatan dapat memberikan informasi yang berguna untuk browser, sistem terjemahan, dan mesin pencari.

contoh :

 < p > The  < abbr  title = "World Health Organization" > WHO < / abbr >  di dirikan pada tahun 1948. < / p >

HTML <address> untuk Informasi Kontak

 Elemen HTML <address>mendefinisikan informasi kontak (penulis / pemilik) dari dokumen atau artikel.

The <address>elemen biasanya ditampilkan dalam huruf miring. Kebanyakan browser akan menambahkan jeda baris sebelum dan sesudah elemen.

contoh : 

< alamat >
Di tulis oleh Boboboy<br> 
Kunjungi kami di: <br>
Boboboy.com < br >
Kota Garut<br>
Indonesia 
< / address >

HTML <cite> for Work Title

 Elemen HTML<cite> mendefinisikan judul karya.

Browser biasanya menampilkan <cite>elemen-elemen dalam italic.

contoh : p><cite>Ilustrasi</cite> di buat pada tahun 1008 M :D</p>

HTML <bdo> untuk Penggantian Bi-Directional

<bdo>Elemen HTML mendefinisikan penggantian bi-directional.

The <bdo>elemen digunakan untuk mengesampingkan arah teks saat ini:

contoh : <bdo dir="rtl">Teks ini akan ditulis dari kanan ke kiri</bdo>

Selamat Mencoba dan semoga bermanfaat.