Belajar Html Membuat Pemformatan Teks dan Entitas

Sama seperti pada modul sebelumnya, silakan berlatih dengan menggunakan contoh yang ada, kemudian cobalah melakukan modifikasi untuk melihat maksud setiap tag. Jalankan setiap modifikasi yang baru saja Anda lakukan.

Pemformatan teks
<html>
<body>
Teks ini tebal (bold)
 

Teks ini tebal (strong)

 
<big>
Teks ini hurufnya besar
</big>
 

Teks ini miring (emphasized)

 

Teks ini miring (italic)

 

Teks ini hurufnya kecil

 
Teks ini berisi

subscript

 
Teks ini berisi

superscript

</body>
</html>

Teks yang di-preformat
<html>
<body>
<pre>
Ini adalah
Teks yang di-preformat.
Preformat akan menampilkan spasi dan line break apa adanya.
</pre>
Tag pre cocok untuk menampilkan kode komputer di bawah ini:
<pre>
for i = 1 to 10
print i
next i
</pre>
</body>
</html>

Tag “Keluaran komputer”
<html>
<body>
<code>Kode Komputer </code>
 
<kbd>Masukan dari keyboard</kbd>
 
<tt>Teks jenis teletype </tt>
 
<samp>Teks contoh</samp>
 
<var>Variabel komputer </var>
</body>
</html>
Catatan: Tag-tag tersebut biasanya digunakan untuk menampilkan kode komputer/ pemrograman.

Alamat
<html>
<body>
<address>
Donald Duck 
BOX 555 
Disneyland 
USA
</address>
</body>
</html>

Singkatan & kependekan
<html>
<body>
<abbr title=”Universitas Ahmad Dahlan”>UAD</abbr>
 
<acronym title=”World Wide Web”>WWW</acronym>
</body>
</html>
Atribut title digunakan untuk menampilkan versi yang dieja ketika pointer mouse berada di atas kependekan atau singkatan.
Dalam IE 5, hanya elemen acronym yang mau bekerja.
Dalam Navigator 6.2, elemen abbr dan acronym keduanya dapat bekerja.

Arah teks
<html>
<body>

Bila browser Anda mendukung kemampuan bi-directional override (bdo), baris berikut ini akan dituliskan dari kanan ke kiri (rtl):

<bdo dir=”rtl”>
Anggap saja ini tulisan bahasa Arab
</bdo>
</body>
</html>

Quotation
Ini adalah contoh quotation panjang:
<blockquote>
Ini adalah quotation panjang. Ini adalah quotation panjang. Ini adalah quotation panjang. Ini adalah quotation panjang. Ini adalah quotation panjang.
</blockquote>
Ini adalah contoh quotation pendek:
<q>
Ini adalah quotation pendek.
</q>

Menggunakan elemen blockquote, browser menyisipkan line break dan margin, tetapi elemen q tidak akan menampilkan apapun yang khusus.

Teks yang terhapus & disisipkan
<html>
<body>

satu dosin adalah
<del>duapuluh</del>
<ins>duabelas</ins>
buah

</body>
</html>
Hampir semua browser akan memberi garis (overstrike) pada teks yang (maksudnya) terhapus dan teks yang disisipkan akan diberi garis bawah. Tetapi beberapa browser yang lama akan menampilkan teks yang terhapus atau teks disisipkan sebagai suatu teks biasa (plain text).

Entitas Karakter
<html>
<body>
Ini adalah entitas karakter: 
</body>
</html>
Coba untuk mengganti 000 dengan suatu angka (misalnya 169), dan muat ulang halaman Anda agar Anda dapat melihat hasil dari perubahan yang dilakukan.