Belajar HTML Dasar : Elemen Quotes ( Lengkap )



Pada kesempatan ini, JogjaXploit akan melanjutkan seri  Belajar HTML Dasar mengenai Elemen Quotes atau Kutipan. Bagi kalian yang baru belajar HTML, maka artikel ini sangat cocok bagi kalian. Elemen quotes pada HTML sangat penting digunakan dalam pembuatan kutipan teks maupun gambar. Cara membuat quotes di HTML tidak sulit, kalian cukup memberikan tag tag tertentu saja untuk membuatnya.

Pada seri Belajar HTML Dasar mengenai Element Quotes ini, kita akan membahas berbagai macam tag quotes yaitu <q> , <blockquote> , <abbr> , <address> , <cite> , dan <bdo>.

Bagi kalian yang asing mengenai tag tag diatas, kalian tidak perlu khawatir dan bingung dulu. Karena akan kita bahas satu per satu disini.

Contoh Quote dari Web JogjaXploit


JogjaXploit merupakan sebuah Website yang ber niche kan Tutorial, Informasi, dan Pengetahuan. Yang mana kalian dapat belajar di Web ini, mulai dari HTML, CSS, Bahasa Pemrograman PHP, hingga Defacing.

Diatas merupakan sebuah contoh Quotes. Oke, sekarang kita langsung muiai saja pembelajaran nya.

Tag <q> untuk Quote atau kutipan pendek

Tag <q> mendefinisikan quote singkat. Untuk lebih jelasnya kalian dapat melihat contoh nya dibawah ini.


<p>Cita Cita JogjaXploit adalah : <q>Membangun bangsa Indonesia dan Mencerdaskan Kehidupan dengan rasa yang aman</q></p>


Hasil dari penulisan diatas seperti ini.



Tag <blockquote> untuk Quotes atau kutipan

<blockquote> biasanya digunakan untuk mendefinisikan bagian yang mana di dapat dari sumber lain. Contoh nya seperti ini.

<p>Dibawah ini merupakan Quote dari Web JogjaXploit:</p>
<blockquote cite="http://www.JogjaXploit.site">
Didirikan pada tahun 2020, tepatnya bulan Mei yang memiliki tujuan membantu mencerdaskan bangsa dengan cara memberikan tutorial tutorial mengenai HTML, CSS, PHP, maupun lainnya.
</blockquote>

Hasil dari penulisan diatas seperti ini.



Sekarang kita lanjut ke tag selanjutnya. Yaitu tag <abbr>

Tag <abbr> pada HTML mendefinisikan sebuah singkatan atau bisa disebut akronim

Contoh :



<p>The <abbr title="World Health Organization">WHO</abbr> was founded in 1948.</p>


Hasil dari penulisan tag diatas seperti ini.



Tag <address> untuk Informasi alamat atau kontak

<address> biasanya digunakan untuk memberikan informasi kontak dari penulis maupun pemilik dokumen atau artikel maupun sebagainya.

<address> biasanya di tampilkan dalam bentuk italic atau miring

Contoh penulisannya :

<address>
Ditulis Oleh : Bayu Cakra Aditya.<br>
Kunjungi kami di:<br>
jogjaxploit.site<br>
Yogyakarta, 55752<br>
Indonesia
</address>

Hasil penulisan tag diatas seperti ini.



Tag <cite> untuk Judul sebuah Karya atau Artikel

Biasanya tag <cite> akan ditampilkan dalam bentuk italic atau miring oleh browser.

Contoh penulisannya :


<p><cite>Pemburu</cite> Oleh Bayu Cakra Aditya ditulis pada tahun 2020</p>


Hasil penulisan tag diatas seperti ini.



Tag yang terakhir yaitu <bdo> yaitu untuk Bi-Dirrectional Override

Maksudnya, <bdo> digunakan untuk merubah arah penulisan sebuah tulisan. Yang default nya kiri ke kanan menjadi kanan ke kiri dan juga terbalik. Untuk lebih jelasnya, kalian dapat melihat contoh nya di bawah ini.

Contoh :



<bdo dir="rtl">Tulisan ini akan dituliskan dari kanan ke kiri</bdo>



Dan hasil nya seperti ini.



Bagaimana, kalian bingung, paham atau gimana. Sebenarnya, Elemen Quotes ini tidak terlalu penting dalam hal programming. Namun Elemen Quotes ini dapat kalian gunakan sewaktu-waktu kalian butuhkan. Jadi, tidak ada salahnya memahami dan belajar tentang Elemen Quotes pada HTML ini.

Mungkin cukup sekian artikel pembelajaran HTML kita kali ini. Jika ada pertanyaan yang ingin disampaikan, kalian dapat menuliskannya melalui kolom komentar. Terima kasih dan sampai jumpa.

Silahkan Bertanya atau Beri Tanggapannya, Terima Kasih

Posting Komentar

Silahkan Bertanya atau Beri Tanggapannya, Terima Kasih

Post a Comment (0)

Lebih baru Lebih lama

ads

ads