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>
<b>Teks ini tebal (bold)</b>
<br>
<strong>
Teks ini tebal (strong)
</strong>
<br>
<big>
Teks ini hurufnya besar
</big>
<br>
<em>
Teks ini miring (emphasized)
</em>
<br>
<i>
Teks ini miring (italic)
</i>
<br>
<small>
Teks ini hurufnya kecil
</small>
<br>
Teks ini berisi
<sub>
subscript
</sub>
<br>
Teks ini berisi
<sup>
superscript
</sup>
</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>
<p>Tag pre cocok untuk menampilkan kode komputer di bawah ini:</p>
<pre>
for i = 1 to 10
print i
next i
</pre>
</body>
</html>

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

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

Singkatan & kependekan
<html>
<body>
<abbr title=”Universitas Ahmad Dahlan”>UAD</abbr>
<br>
<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>
<p>
Bila browser Anda mendukung kemampuan bi-directional override (bdo), baris berikut ini akan dituliskan dari kanan ke kiri (rtl):
</p>
<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>
<p>
satu dosin adalah
<del>duapuluh</del>
<ins>duabelas</ins>
buah
</p>
</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>
<p>Ini adalah entitas karakter: &#000;</p>
</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.

Tentang belalangtue

manusia biasa yang ingin terus belajar.............
Pos ini dipublikasikan di Computer, HTML, pemrograman, tutorial dan tag , , , . Tandai permalink.

2 Balasan ke Belajar Html Membuat Pemformatan Teks dan Entitas

  1. Ping balik: Belajar Html Membuat Tabel | Belalangtue's Gak Tue's-Tue's Banget's

  2. $10 Month gets you traffic to your website instantly. Signup is free. http://to.ly/mQQ7

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s