Dalam pertemuan kali ini , saya akan membahas mengenai belajar Format Text pada HTML.Langsung saja.
HTML Format Elemen
Pada Bab sebelumnya , Anda belajar entang HTML atribut style.
HTML juga mendefinisikan khusus elemen untuk mendefinisikan teks dengan khusus makna. HTML menggunakan unsur-unsur seperti <b> dan <i> untuk memformat output, seperti bold atau italic teks.
Elemen format yang dirancang untuk menampilkan jenis khusus dari teks:
- <B>-teks bold
- <Strong>-teks Penting
- <i>-teks Miring
- <em>-Ditekankan teks
- <mark>-Ditandai teks
- <small>-teks Kecil
- <del>-teks dihapus
- <ins>-dimasukkan teks
- <sub>-teks subscript
- <sup>-teks superscript
HTML <b> dan <strong> Elemen
HTML <b> elemen mendefinisikan tebal teks, tanpa pentingnya tambahan.
Contoh
<b>Ini adalah Teks Tebal</b>
HTML <strong elemen mendefinisikan kuat teks, dengan menambahkan semantik pentingnya "kuat".
Contoh
<strong>Ini adalah Teks Penting</strong>
HTML <i> dan <em> Elemen
HTML <i> elemen mendefinisikan italic text, tanpa pentingnya tambahan.
Contoh
<i>Ini adalah teks Miring</i>
HTML <em> elemen mendefinisikan menekankan teks, dengan menambahkan semantik penting.
<em> Ini adalah Emphasized</em>
Catatan : Browser menampilkan <strong> sebagai <b>, dan <em> <i>. Namun, ada perbedaan dalam arti tag ini: <b> dan <i> mendefinisikan teks tebal dan miring, tapi <strong> dan <em> berarti bahwa teks adalah "penting".
HTML <small> Elemen
HTML <small> elemen mendefinisikan lebih kecil teks:
Contoh
<h2>HTML <small>kecil</small>Format Text </h2>
HTML <mark> Elemen
HTML <mark> mendefinisikan elemen jelas atau disorot teks:
Contoh
<h2>HTML <mark>Marked</mark>Format Text</h2>
HTML <del> Elemen
HTML <del> mendefinisikan elemen dihapus teks.
Contoh
<p>Warna kesukaanku adalah<del>biru</del>red</p>
HTML <ins> Elemen
HTML mendefinisikan elemen dimasukkan teks.
Contoh
<p>Warna<ins>Kesukaanku</ins> adalah hijau</p>
HTML <sub> Elemen
HTML <sub> elemen mendefinisikan subscript teks.
Contoh
<p>Ini adalah <sub>subscript</sub>teks</p>
HTML <sup> Elemen
HTML <sup> elemen mendefinisikan superscript teks.
Contoh
<p>Ini adalah <sup>Superscript</sup>teks</P>
HTML <q> untuk Kutipan Pendek
HTML <q> elemen mendefinisikan kutipan singkat. Browser biasanya menyisipkan tanda kutip di sekitar <q> elemen.
Contoh
<p>Ini contohnya : <q>Kutipan pendek</q></p>
HTML <blockquote> untuk Kutipan
HTML
<blockquote> elemen mendefinisikan bagian yang dikutip dari
sumber lain. Browser biasanya indent <blockquote> elemen.
Contoh
<p>Ini adalah quote web</p><blockquote cite="http://www.worldwildfile.org/who/index.html">Untuk 50 tahun lamanya, WWF telah menjaga kemurnian fitur ini.</blockquote>
HTML <abbr> untuk Singkatan
HTML <abbr> elemen mendefinisikan singkatan atau akronim.
Menandai singkatan dapat memberikan informasi yang berguna untuk browser, sistem terjemahan dan pencari-mesin.
Contoh
<p>Tag<abbr title="world Health Organization">WHO</abbr> ditemukan pada tahun 1948</p>
HTML <address> Informasi Kontak
HTML
<address> elemen mendefinisikan informasi kontak
(penulis/pemilik) dari dokumen atau artikel. Tag <address> elemen
biasanya ditampilkan dalam huruf miring. Kebanyakan browser akan
menambahkan satu baris sebelum dan sesudah elemen.
Contoh
<address>Penulisnya Allif<br>Domas,Munggur,Mojogedang<br></address>
HTML <cite> untuk Kerja Judul
HTML <cite> elemen mendefinisikan judul sebuah karya.
Browser biasanya menampilkan <cite> elemen di italic.
Contoh
<p><cite>The Scream</cite>by Allif</p>
HTML <bdo> untuk Override Bi-Directional
HTML <bdo> elemen mendefinisikan bi-directional override.
Tag <bdo> elemen digunakan untuk mengesampingkan arah teks saat ini.
Contoh
<bdo dir="rtl">Teks ini akan ditulis dari kanan ke kiri</bdo>
REFERENSI
http://www.w3schools.com/html/html_formatting.asp 
No comments:
Post a Comment