HTML Tutorials : Formatting Teks #3

By -

HTML Tutorials : Formatting Teks #3

Thumbnails Formatting Teks #3
Masih membahas formatting teks. Setelah sebelumnya, kita telah membahas mengenai tag <big>, tag <small>, tag <s>, tag del, tag <mark>, dan tag <pre> di HTML Tutorials : Formatting Teks #2. Pada tutorial kali ini, kita akan membahas mengenai beberapa tag formatting teks yang lain. Kurang lebih, materi yang akan kita bahas pada tutorial kali ini adalah tag quotation, tag blockquote. So, silahkan langsung saja simak HTML Tutorials : Formatting Teks #3.
------------------------------------------------------------------------------------------------

Tag Quotation

Tag Quotation merupakan tag khusus yang digunakan untuk memberikan efek yang disebut inline quotation dalam bahasa pemrograman HTML. Inline memiliki arti dalam barisan. Sedang, quotation memiliki arti kutipan. So, inline quotation berarti kutipan dalam barisan kode yang nantinya akan ditampilkan oleh web browser dengan tanda kutip atau tanda petik dua.
Agar dapat menampiklan teks dengan tanda kutip di antaranya, Anda perlu menuliskan tag pembuka <q> dan tag penutup </q> pada elements yang ingin Anda tampilkan. mahaamesha.com
Tanda petik dua biasanya digunakan dalam penulisan judul buku, mengutip dialog atau kalimat langsung, mengutip kata khusus, dll.
Contoh :
Dia mengatakan <q>HTML ternyata mudah dipelajari.</q>
------------------------------------------------------------------------------------------------

Tag Blockquote

Tag Blockquote digunakan untuk mengatur elements tulisan maupun gambar dalam dokumen HTML. Tag ini merupakan tag yang dapat mengatasi penulisan dalam puisi. Mengapa? Dalam penulisan puisi, tentu Anda sering menemui paragraf yang tidak saling rata kiri, ada yang di kiri da nada yang lebih menjorok. Nah, tag blockquote ini bisa mengatasinya karena tag ini akan memberikan efek menjorok tersebut.
Hal di atas adalah ilustrasi permasalahan dalam kehidupan kita saja. Sebenarnya, tag ini tidak hanya digunakan dalam sebatas penulisan puisi saja, tetapi bisa lebih luas lagi sesuai kebutuhan penulisan kita masing-masing. Pada intinya, tag ini akan memberi tambahan jarak yang menjauhi left margin pada elements yang berada di antara tag pembuka dan tag penutupnya. mahaamesha.com
Tag ini dituliskan berapasangan dengan tag pembuka <blockquote> dan tag penutupnya </blockquote>.
Contoh :
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<!DOCTYPE html>
<html>
<head>
          <title>Ma Haamesha | &lt;Formatting Teks&gt;</title>
</head>
<body>
<h1>Contoh Penggunaan Tag Blockquote</h1>
Tag ini dituliskan &lt;blockquote&gt;...&lt;/blockquote&gt;
<br>Misal ada sebuah puisi sederhana:
<h2>Puisi Belajar HTML</h2>
<p>
HTML<br>
Hypertext<br>
Markup<br>
Language<br>
</p>
          <blockquote>
          Dilihat <br>
          Dipahami <br>
          Dipahami lagi <br>
          Diketik <br>
          <a href="http://mahaamesha.blogspot.com">BISA</a>
          </blockquote>
</body>
</html>

------------------------------------------------------------------------------------------------

Summary

Pada tutorial kali ini kita telah belajar :
      Tag Quotation              <q>…</q>
      Memberikan tanda kutip berupa petik dua di antara elements-nya.

      Tag Blockquote            <blockquote>…</blockquote>
      Memberi jarak menjauhi left margin (menjorok).

------------------------------------------------------------------------------------------------
Demikian tutorial kali ini, jangan lupa share postingan ini untuk terus mendukung saya. Sebab, dukungan Anda semua adalah motivasi bagi saya untuk terus menuangkan ilmu dalam tulisan. Setelah kita membahas formatting teks, selanjutnya kita akan beralih membahas mengenai tag yang berperan dalam kerapihan suatu tulisan. Pada tutorial selanjutnya, kita akan membahas mengenai tag <br> dan tag <hr> di HTML Tutorials : Tag Break dan Horizontal Rule. Semoga bermanfaat.


Created by mahaamesha :}

Comments

Post a Comment