HTML5 #4 : Elemen-Elemen Frase Di HTML5

Elemen-Elemen Frase Di HTML5

Beberapa elemen berikut ditampilkan dengan cara yang sama dengan elemen-elemen presentasi <b>, <i>, <pre>, dan <tt>, tetapi elemen-elemen tersebut ditujukan bukan hanya untuk presentasi tetapi untuk menjelaskan konten. Sebagai contoh, kata-kata yang ditulis di dalam sebuah elemen <em> akan ditampilkan sama seperti kata-kata di dalam elemen <i>, tetapi elemen <em> ditujukan untuk mengindikasikan penambahan penekanan.

Berikut merupakan elemen-elemen Frase :

• <em> dan <strong>untuk penekanan
• <blockquote>, <cite>, dan <q> untuk pengutipan dan sitasi
• <abbr>, <acronym>, dan <samp> untuk kode dan informasi komputer
• <adress>untuk alamat.

ELEMEN <em>

Isi dari elemen <em> dimaksudkan untuk meberi kan penekanan pada dokumen Anda, dan ia biasanya ditampilkan dengan huruf miring . Jenis penekanan ditujukan pada kata-kata seperti "harus" di dalam kalimat berikut :

<p> anda <em> harus</em> ingat utuk menutup elemen di dalam XHTML.</p>

elemen <em>

Anda seharusnya menggunakan elemen ini hanya ketika Anda ingin memberikan penekanan pada sebuah kata, bukan karena ingin teks tersebut ditampilkan dengan huruf miring. Jikan Anda ingin memiringkan teks untuk alasan gaya, tanpa penekanan konten, Anda dapat mengunakan elemen <i> atau menggunakan CSS.

ELEMEN <dfn>

Elemen <dfn> dapat dipakai agar Anda dapat mengindikasikan istilah khusus. Kegunaannya sama dengan teks miring.
Umumnya, Anda menggunakan elemen <dfn> ketika pertama kali mengenalkan istilah kunci. Sebagai Contoh, jika Anda ingin mengindikasikan bahwa XHTML adala kata kunci dalam kalimat berikut.

Artikel ini merangkum teks mark up dalam <dfn>XHTML</dfn>.

Elemen <dfn>

ELEMEN <blockquote>

Ketika Anda ingin mengutip sebuah teks, Anda bisa menggunakan elemen <blockquote>.

<p>Deskripsi XHTML berikut diambil dari situs W3C: </p>
<blockquote> XHTML 1.0 is the W3C's first Recommendation for XHTML,
following on from earlier work on HTML 4.01, HTML 4.0, HTML 3.2 and HTML
2.0. </blockquote>

elemen <blockquote>

ELEMEN <q> Untuk Kutipan Pendek

Elemen <q> dipakai untuk digunakan ketika Anda ingin menambahkan sebuah kutipan di dalam kalimat berikut :

<p> Seperti dikatakan Dylan Thomas, <q> Seseorang membosankanku. Saya pikir itu aku </q>.</p>

elemen <q>

ELEMEN <cite>

Jika anda mengutip sebuah teks, Anda dapat mengindikasikan sumbernya dengan menempatkannya tag pembuka <cite> dan tag penutup </cite>. Ketika Anda mencetaknya, isi dari elemen <cite> akan dicetak dengan teks miring :

Bab ini diambil dari <cite> Begining Web Development </cite>.

elemen <cite>

ELEMEN <code>

Jika halaman memuat kode pemrograman (bukanlah hal yang jarang pada web), empat elemen berikut akan berguna. Sembarang kode pemrograman yang akan ditampilkan pada sebuah halaman web perlu ditempatkan di dalam kode <code>, Umumnya, isi dari elemen <code> disajikan dengan font monospace seperti tag <tt> di elemen prenstasi.

Perhatikan bahwa ketika Anda mencoba menampilkan kode pada halaman web dan Anda ingin mencantumkan kurung siku, Anda tidak bisa menggunakannya di dalam elemen, karena browser akan salah memahaminya sebagai bagian dari markup . Oleh karena itu, Anda perlu menggunakan  &lt; untuk kurung siku < dan menggunakan  &gt;  untuk kurung sikut >.

<p> <code> &lt;h1&gt; Ini adalah heading utama &lt;/h1&gt;</code></p>

elemen <code>

ELEMEN <kbd>

Jika, ketika menjelaskan komputer, Anda ingin memberitahu pembaca untuk memasukkan teks tertentu, Anda bisa menggunakan elemen <kbd> untuk mengindikasikan apa yang perlu diketik, seperti pada contoh ini :

<p>Untuk memaksa keluar dari aplikasi pada Windows, tekan kunci <kbd>ctrl</kbd>,<kbd>alt</kbd> dan <kbd>delete</kbd> secara bersamaan.</p>

elemen <kbd>

ELEMEN <var>

Elemen <var> merupakan elemen lain yang bisa dipakai untuk membantu programer. Elemen ini biasanya dipakai bersama dengan elemen <pre> dan <code> untuk mengindikasikan bahwa isi dari elemen tersebut merupakan sebuah variabel yang dapat disuplai oleh pengguna:

<p><code>document.write("<var>user-name</var>")</code></p>

elemen <var>

ELEMEN <samp>

Elemen <samp> mengindikasikan contoh keluaran dari sebuah program, skrip, atau sejenisnya. Elemen ini umumnya digunakan ketika mendokumentasikan konsep pemrograman.

<p>Baris berikut menggunakan &lt;samp&gt; elemen untuk mengindikasikan keluaran
dari sebuah skrip atau program.</p>
<p><samp>Ini adalah keluaran dari skrip uji.</samp></p>

elemen <samp>

ELEMEN<adress>

Banya dokumen perlu memerlukan alamat. Elemen <adress> di pakai untuk memuat alamat. Sebagai contoh,  berikut adalah alamat untuk universitas mataram, didalam sebuah elemen <adress> :

<address> Universitas Mataram, Jln. Majapahit No.62, Mataram, NTB </address>

elemen <adress>

ELEMEN <strong>

Elemen <strong> ditujukan untuk menunjukan penekanan kuat pada kontennya, penekanan yang lebih kuat dari elemen <em>. Sama seperti elemen <em>, elemen <strong> seharusnya dipakai ketika Anda ingin menambahkan penekanan yang kuat pada bagian dari sebuah dokumen.
Kebanyakan web browser menampilkan penekanan kuat dengan huruf tebal.

<p><em>Selalu</em> gunakan kacamata pelindung untuk melihat magnesium yang 
terbakar karena jika tidak <strong>dapat menyebabkan kebutaan</strong>.</p>

elemen <strong>

ELEMEN <abbr>

Anda dapat mengindikasikan ketika menggunakan singkatan dengan menempatkannya di antara tag pembuka <abbr> dan tag penutup </abbr>.
Jika diperlukan, Anda bisa menggunakan attribut title dengan nilai berupa kepanjangan dari singkatan tersebut. Sebagai Contoh, jika Anda ingin mengindikasikan bahwa Mdn adalah singkatan untuk Medan, Anda dapat menggunakan elemen <abbr> berikut :

Ia berasal dari sebuah kota yang dikenal dengan <abbr title="Medan">Mdn</abbr>.

elemen <abbr>

ELEMEN <acronym>

Anda dapat mengindikasikan ketika menggunakan akronim dengan menempatkannya di antara tag pembuka <acronym> dan tag penutup </acronym>.

Jika diperlukan, Anda bisa menggunakan attribut title dengan nilai berupa kepanjangan dari akronim tersebut. Sebagai contoh, jika Anda ingin mengindikasikan bahwa XHTML adalah akronim untuk Extensible Hypertext Markup Language, Anda dapat menggunakan elemen <acronym> berikut :

Bab ini merangkum teks mark up dalam <acronym title="Extensible Hypertext
Markup Language">XHTML</acronym>.

elemen <acronym>

Mungkin sampai disini pembahasan dari elemen-elemen frase yang berhasil saya bahas. Terimakasih sudah singgah, assalamualikum :)

Adin G-IT

Siapa Saya?

Bagikan Artikel ini

Berlangganan update artikel terbaru via email: