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>
contoh : <p>Warna favorit saya adalah <del>Biru</del> Merah</p>
Elemen HTML <ins>
Elemen HTML<ins>
mendefinisikandimasukkan (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<sub>langganan</sub></p>
Elemen HTML <sup>
Elemen HTML<sup>
mendefinisikan teks superscripted .
contoh : <p>ini adalah texs <sup>superscripted</sup></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 >
< / 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 >
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.
EmoticonEmoticon