Mengenal Varian Text: Abbreviations, Quotations, Dan Kode Pada HTML

Mengenal Varian Text: Abbreviations, Quotations, Dan Kode Pada HTML



Dasar dari mendefinisikan teks menggunakan paragraf (serta penekanan dan jeda baris) dan judul yang dibahas dalam HTML Beginner tutorial. Dan untuk alasan yang sama kita menggunakan p dan H1, H2, dll, ada sejumlah Tag lain yang juga harus kita gunakan untuk mewakili secara khusus jenis teks lainnya, seperti singkatan, kutipan, dan kode komputer.

Abbreviations (singkatan)

abbr digunakan untuk markup singkatan, bentuk disingkat kata atau frase.

Frasa yang diperluas yang diwakili singkatan dapat didefinisikan dalam nilai atribut title. Ini adalah opsional tapi direkomendasikan.

<p>This web site is about <abbr title="HyperText Markup Language">HTML</abbr> and <abbr title="Cascading Style Sheets">CSS</abbr>.</p>

Quotations (Kutipan)

blockquote dan q digunakan untuk kutipan. blockquote umumnya digunakan untuk standalone sering multi-Line kutipan sedangkan q digunakan untuk lebih pendek, in-line kutipan.

Jika sumber kutip dapat ditemukan di web, atribut mengutip dapat digunakan untuk menunjuk ke asalnya.

<p>So I asked Bob about quotations on the Web and he said <q>I know as much about quotations as I do about pigeon fancying</q>. Luckily, I found HTML Dog and it said:</p>

<blockquote cite="http://www.fcbarca.me/guides/html/intermediate/text/">
    <p>blockquote and q are used for quotations. blockquote is generally used for standalone often multi-line quotations whereas q is used for shorter, in-line quotations.</p>
</blockquote>

Blockquotes bekerja sangat baik dengan angka elemen HTML5 dan figcaption, memungkinkan cara yang bagus dan semantik untuk mengelompokkan kutipan dengan kutipan:

<figure>
    <blockquote>[Big old quotation about evolution]</blockquote>
    <figcaption>Charles Darwin</figcaption>
</figure>

Tapi mari kita tidak terbawa dengan bahwa di sini-Lihat artikel tentang sectioning untuk lebih.

Citations 

Hanya untuk membuat sesuatu yang baik dan membingungkan, serta atribut mengutip, ada juga Tag mengutip. Ini dapat digunakan untuk menentukan judul karya, seperti buku.

<p>According to <cite>the Bible</cite>, after six days God said <q>screw this for a lark, I'm having a nap</q>.</p>

Code (Kode)

kode yang digunakan untuk mewakili segala bentuk kode komputer. Selanjutnya, var dapat digunakan untuk variabel (yang bisa menjadi variabel dalam apa pun, tidak hanya dalam kode-itu bisa menjadi variabel dalam sebuah persamaan, misalnya), Samp untuk output sampel, dan kbd (keyboard) untuk input pengguna.

<p>If you add the line <code><var>givevaderachuckle</var> = true;</code> to the <code>destroy_planet</code> subroutine and then type <kbd>ilovejabba</kbd> into the console, the big bad green Death Star laser will etch <samp>Slug Lover!</samp> on the planet's surface.</p>

Teks yang telah diformat

pra diformat teks dan tidak biasa dalam tag HTML yang dibutuhkan pemberitahuan dari setiap karakter di dalamnya, termasuk ruang putih (sedangkan elemen lain akan mengabaikan ruang berturut-turut atau garis-Break, misalnya). Hal ini paling sering digunakan untuk blok kode, di mana jarak, seperti indentasi, dapat relevan.

<pre><code>
&lt;div id="intro"&gt;
    &lt;h1&gt;Some heading&lt;/h1&gt;
    &lt;p&gt;Some paragraph paragraph thing thing thingy.&lt;/p&gt;
&lt;/div&gt;
</code></pre>

Sebagai contoh, pra dan kode digunakan secara ekstensif di seluruh situs ini. Blok kode, seperti yang di atas, adalah elemen kode di dalam pra elemen. Referensi in-line untuk tag dan properti hanyalah elemen kode, seringkali di dalam elemen untuk ditautkan ke bagian referensi.

Anda mungkin menyukai postingan ini