Tuesday, April 9, 2019

HTML Quotation dan Citation Elements

HTML Quotation dan Citation Elements

Berikut contoh code kutipan untuk situs web WWF, kamu bisa mencobanya klik disini :
<!DOCTYPE html>
<html>
<body>

<p>Here is a quote from WWF's website:</p>
<blockquote cite="http://www.worldwildlife.org/who/index.html">
For 50 years, WWF has been protecting the future of nature.
The world's leading conservation organization,
WWF works in 100 countries and is supported by
1.2 million members in the United States and
close to 5 million globally.
</blockquote>

</body>
</html>
Hasil :
HTML Quotation dan Citation Elements
klik gambar untuk memperbesar

HTML <q> untuk Kutipan Pendek

Elemen HTML <q> mendefinisikan kutipan singkat.

Peramban atau browser biasanya menyisipkan tanda kutip di sekitar elemen <q>.

Contoh :
<!DOCTYPE html>
<html>
<body>
<p> Peramban biasanya menyisipkan tanda kutip di sekitar elemen q. </p>

<p> Tujuan WWF adalah untuk: <q> Membangun masa depan di mana orang hidup selaras dengan alam. </q> </p>

</body>
</html>
Hasil :
HTML Quotation dan Citation Elements
klik gambar untuk memperbesar


HTML <blockquote> untuk Kutipan

Elemen HTML <blockquote> mendefinisikan bagian yang dikutip dari sumber lain.

Browser biasanya membuat indentitasi elemen <blockquote>.

Contoh :
<!DOCTYPE html>
<html>
<body>

<p> Browser biasanya membuat indentasi elemen blokquote. </p>

<blockquote cite = "http://www.worldwildlife.org/who/index.html">
Selama 50 tahun, WWF telah melindungi masa depan alam.
Organisasi konservasi terkemuka dunia,
WWF bekerja di 100 negara dan didukung oleh
1,2 juta anggota di Amerika Serikat dan
hampir 5 juta secara global.
</blockquote>

</body>
</html>

Hasil :
HTML Quotation dan Citation Elements
klik gambar untuk memperbesar


HTML <abbr> untuk Singkatan

Elemen HTML <abbr> digunakan untuk mendefinisikan singkatan atau akronim.

Penandaan singkatan dapat memberikan informasi yang berguna untuk browser, sistem terjemahan dan mesin pencari.

Contoh :
<!DOCTYPE html>
<html>
<body>

<p> <abbr title = "World Health Organization"> WHO </abbr> didirikan pada tahun 1948. </p>

<p> Menandai singkatan dapat memberikan informasi yang berguna untuk browser, sistem terjemahan, dan mesin pencari. </p>

</body>
</html>
Hasil :
HTML <abbr> untuk Singkatan
klik gambar untuk memperbesar


HTML <address> untuk Informasi Kontak

Elemen HTML <address> digunakan untuk menentukan informasi kontak (penulis / pemilik) dokumen atau artikel.

Elemen <address> biasanya ditampilkan dalam huruf miring. Sebagian besar browser akan menambahkan jeda baris sebelum dan sesudah elemen.

Contoh :
<!DOCTYPE html>
<html>
<body>

<p>Elemen alamat HTML menentukan informasi kontak (penulis / pemilik) dokumen atau artikel. </p>

<address>
Ditulis oleh FajarYusuf. <br>
Kunjungi kami di: <br>
FajarYusuf.com <br>
Cibinong-Depok
Indonesia
</address>
Hasil :
HTML <address> untuk Informasi Kontak
klik gambar untuk memperbesar

HTML <cite> untuk Judul Pekerjaan

Elemen HTML <cite> digunakan untuk menentukan judul suatu karya.

Browser biasanya menampilkan elemen <cite> dalam huruf miring.

Contoh :
<!DOCTYPE html>
<html>
<body>

<p>Elemen mengutip HTML mendefinisikan judul sebuah karya.</p>
<p>Browser biasanya menampilkan elemen mengutip dalam huruf miring. </p>

<img src = "https://www.w3schools.com/html/img_the_scream.jpg" width = "220" height = "277" alt = "The Scream">
<p><cite>The Scream</cite> oleh Edvard Munch. Dilukis pada tahun 1893.</p>

</body>
</html>
Hasil :
HTML Quotation dan Citation Elements
klik gambar untuk memperbesar

HTML <bdo> untuk Bi-Directional Override

Elemen HTML <bdo> digunakan untuk menentukan penggantian dua arah.

Elemen <bdo> digunakan untuk mengganti arah teks saat ini.

Contoh :
<!DOCTYPE html>
<html>
<body>

<p>Jika browser Anda mendukung override dua arah (bdo), baris berikutnya akan ditulis dari kanan ke kiri (rtl):</p>

<bdo dir="rtl">Baris ini akan ditulis dari kanan ke kiri </bdo>

</body>
</html>

Hasil :
HTML <bdo> untuk Bi-Directional Override
klik gambar untuk memperbesar



Reviewer: FajarYusuf.Com
ItemReviewed: HTML Quotation dan Citation Elements

Seseorang yang ingin membagi pengalaman dan ilmu yang berguna untuk para pembaca FajarYusuf.Com :)

TENTANG SITUS

SITUS INI ADALAH SITUS PEMBELAJARAN PEMROGRAMAN DAN JUGA PEMAHAMAN TERHADAP TEKNOLOGI KOMPUTER. KALIAN BISA MENGIKUTI PEMBELAJARAN PEMROGRAMAN DENGAN BERTAHAP PADA MATERI YANG SUDAH SAYA SEDIAKAN, JIKA ADA MATERI YANG MEMBINGUNGKAN SILAKAN LAKUKAN KOMENTAR PADA MATERI YANG ANDA TANYAKAN ATAU KALIAN BISA MENGHUBUNGI SAYA DIHALAMAN KONTAK.