Belajar HTML

Belajar HTML Quotes & Citation Elements - Assalamualaikum wr.wb... kali ini saya akan membahas tentang Belajar HTML Dengan Mudah. Semua tag html mempunyai arti tersendiri dan akan memberikan dampak bagi browser dan search engine. Jika kita bisa menerapkan setiap tag html dengan tepat maka otomatis akan membantu optimasi SEO di blog kita.

Pada artikel sebelumnya kita telah mempelajari Cara Cepat Mengetahui Jumlah Kata Di Postingan Blog, pada artikel kali ini kita akan membahas Belajar HTML Quotes (Kutipan) dan Citation Elements (Untuk mendefinisikan Judul Karya). HTML Quotes sering digunakan oleh para webmaster, karena dengan adanya HTML Quotes, sang penulis artikel dapat memberikan Kutipan Pendek ataupun Kutipan Panjang di artikelnya. Langsung aja kita pelajari cara menggunakan HTML Quotes & Citation Elements.

Belajar HTML Quotes & Citation Elements

1. HTML <blockquote> Untuk Kutipan Panjang

Sebagian besar webmaster menggunakan HTML <blockquote> untuk membuat kutipan. Anda dapat membuat Kutipan Panjang menggunakan tag <blockquote>. Berikut contoh cara menggunakanya.

Contoh : kode <br/> adalah kode ENTER
 

<b>Welcome To Dunia Mayaku</b><br />
<blockquote>Selamat Datang di Dunia Mayaku, Dunia Mayaku adalah sebuah media online yang memberikan informasi blabla bla.... ini adalah contoh Kutipan Panjang</blockquote>

Maka hasilnya :

2. HTML <q> Untuk Kutipan Pendek

HTML <q> biasa digunakan untuk membuat Kutipan Pendek (Short Inline Quotation). Jika anda menggunakan HTML <q> maka browser akan menambahkan tanda kutip (“) di awal dan akhir element <q>.

Contoh : kode <br/> adalah kode ENTER

<b>Welcome To Dunia Mayaku</b><br />
<q>Dunia Mayaku, ini adalah contoh Kutipan Pendek</q>

Hasil :

3. HTML <abbr> Untuk Singkatan & Akronim

HTML <abbr> digunakan untuk membuat Singkatan & Akronim. Jika anda menggunakan HTML <abbr> browser akan menampilkan seperti halnya teks biasa, namun akan berguna sekali untuk terjemahan dan Search Engine karena dapat membantu Search Engine untuk mendefinisikan arti dari teks tersebut.

Contoh : jika kata Dunia Mayaku disorot oleh mouse maka muncul kata Abdurrosyid 

<p><abbr title="Abdurrosyid">Dunia Mayaku</abbr> adalah sebuah media online yang memberikan informasi yang saya bagikan di Blog ini. Blog ini tentang jejaring sosial dan desain web.</p>

Hasil :

4. HTML <address> Untuk Informasi Kontak

HTML <address> digunakan untuk mendefinisikan Informasi Kontak. Biasanya Browser akan menampilkan element <address> dalam bentuk miring (italic). lihat saja contoh di bawah ini.

Contoh : kode <br/> adalah kode ENTER

<address>Written by Abdurrosyid.<br>Visit us at:<br>www.ro-syid.site.bz<br>Kudus, Jawa Tengah<br>INDONESIA</address>

Hasil :

5. HTML <cite>

HTML <cite> digunakan untuk mendefinisikan judul sebuah karya. Biasanya HTML <cite> digunakan untuk dokumen - dokumen penting seperti penerbitan sebuah buku. Jika anda menggunakan HTML <cite> maka browser akan menampilkan element <cite> dalam bentuk miring (italic)

Contoh : kode <br/> adalah kode ENTER

<p><cite>Dunia Mayaku</cite> by Abdurrosyid. Dibuat pada tahun 2015.</p>

Hasil :

6. HTML <bdo>

HTML <bdo> digunakan untuk mendefinisikan arah teks. Anda bias menampilkan teks dari kanan ke kiri menggunakan HTML <bdo>. Untuk menggunakan HTML <bdo> kita akan menambahkan atribut “dir” dengan di tambahkan nilai “rtl” (Right To Left).

Contoh :  kode <br/> adalah kode ENTER

<b>Dunia Mayaku</b><br />
<bdo dir="rtl">Teks ini akan ditampilkan dari kanan ke kiri</bdo>

Hasil :

Cukup sampai disini dulu pembelajaran HTML Quotes & Citation. Jika anda masih kebingungan tentang penjelasan yang ada di atas, silahkan anda dapat berkomentar di artikel ini. Terima kasih anda telah membaca artikel ini dan sudah mengunjungi situs ini.