Format Teks HTML – Arah Teks, Quotation, Dan Teks Yang Disisipkan Dalam HTML

Posted on

Melanjutkan postingan sebelumnya tentang Format teks HTML – Pemformatan Teks Dan Teks Preformat . Dan computer output, Address, Singkatan . Kali ini kita bahas tentang Arah teks, Quotation, dan teks yang disispkan atau dihapus dalam HTML. Teks dalam dokumen web dapat diformat secara khusus untuk menunjukkan perbedaan dan penekanan terhadap isi dan maksud dari teks tersebut. Pembedaan ditampilkan dalam bentuk huruf tebal, miring (italic), digarisbawahi, dan semacamnya.

HTML-Guidelines-for-Usability-SEO

Arah Teks

Cara menuliskan teks dapat diubah dari kelaziman dari kiri ke kanan (left to right – ltr) menjadi dari kanan ke kiri (right to left – rtl). Tag <bdo> bidirectional override, merupakan tag yang digunakan untuk mendefinisikan arah penulisan teks.
Contoh ini mendemonstrasikan bagaimana untuk mengubah arah teks.

<!—coba_teksdirect. html->
<html>
<body>
<p>
Jika browser mendukung bi-directional override (bdo), baris berikut akan ditulis dari kanan ke kiri (rtl):
</p>
<bdo dir=”rtl”>
Ini beberapa teks Hebrew </bdo>
</body>
</html>

Hasil:

9

Quotation

Suatu kutipan teks lazim ada dalam suatu dokumen, ada dua macam kutipan:

  • kutipan pendek – tag <q>
  • kutipan panjang – tag <blockquote>

Tag <blockquote> digunakan untuk membuat sebagian teks yang dikutip sebagai suatu blok sendiri. Kebanyakan browser umumnya mengubah margin untuk kutipan teks tadi untuk memisahkan dari teks yang mengelilinginya.
Tag <q> tidak melakukan sesuatu yang khusus, tetapi dengan kita telah mendefinisikan sebagai kutipan, kemudian kita menggunakan style sheet maka kutipan ini bisa diatur pemformatannya dengan menggunakan style sheet.
Contoh ini mendemonstrasikan bagaimana untuk menangani quotation yang panjang dan pendek.

<! -coba_quotation. html->
<html>
<body>
berikut adalah teks dengan quotation yang panjang:<blockquote>
berikut adalah teks ‘dengan quotation yang panjang
berikut adalah teks dengan quotation yang panjang
berikut adalah teks dengan quotation yang panjang
berikut adalah tek’s dengan quotation yang panjang
berikut adalah teks dengan quotation yang panjang
berikut adalah teks dengan quotation yang panjang
berikut adalah teks dengan quotation yang panjang</blockquote>
Mmikut adalah teks dengan quotation pendek:
<q>
Ini quotation pendek
</q>
<p>
Dengan elemen blockquote, browser menyisipkan line break dan margin baru, tetapi elemen q tidak melakukan sesuatu yang khusus
<P>
<body>
</html>

Hasil:

10

Teks yang Disisipkan atau Dihapus

Dalam suatu workflow lazim adanya suatu koreksi atas pekerjaan, koreksi terhadap suatu teks dapat disimulasikan/ diperlihatkan dengan menggunakan tag <ins> dan tag <del> untuk menunjukkan hasil koreksi yang disisipkan dan yang dihapus.
Contoh ini ttlendemonstrasikan bagaimana untuk menAndai suatu teks yang dihapus atau disipkan pada suatu dokumen.

<!–coba_insdel,html–>
<html>
<body>
<p>
Satu lusin adalah <del>dua puluh</del>
<ins>dua belas</ins>
buah
</p>
<p>
Umumnya browser akan mencoret teks yang dihapus dan menggaris bawahi teks yang disisipkan.
</p>
<p>
Beberapa browser yang lebih lama akan menampilkan teks yang dihapus atau yang disisipkan sebagai teks biasa — tidak dibedakan.
</p>
</body>
</html>

Hasil:

11

Demikian penjelasan singkat yang bisa admin sampaikan. Semoga artikel ini bisa menambah pengetahuan anda tentang dunia pemograman dan ilmu yang dibagikan dapat bermanfaat bagi pembaca. Sampai bertemu di postingan-postingan selanjutnya..see you ^-^