Belajar HTML Part 10 Membuat Kutipan pada HTML

bySetyo Wibowo ID - 0

Setelah dalam tutorial sebelumnya kita belajar mengenai tag subscript dan superscript di HTMLyang digunakan membuat pangkat dan formula kimia, nah dalam tutorial kali ini kita akan membahas mengenai bagaimana cara membuat text kutipan di HTML.





Anda dapat membuat kutipan di HTML dengan menggunakan 2 tag yaitu <blockquote> dan <q>, lho kok ada 2 tag, nah akan kita bahas mengenai kedua fungsi dari 2 tag ini didalam artikel ini.





baik kita mulai ya.





Tag <blockquote>





tag ini digunakan untuk membuat kutipan yang textnya cukup panjang, tag ini bersifat block element, yang artinya jika anda menggunakan tag ini otomatis akan berpindah baris textnya.





bingung ya, baik kita akan coba ya, silahkan tuliskan skrip dibawah ini di text editor anda.





<!DOCTYPE html>
<html>
<head>
  <title>Kutipan di HTML</title>
</head>
<body>
HTML adalah pemrogaman yang harus anda pelajari terlebihi dahulu sebelum anda belajar pemrogaman lain yang digunakan untuk membuat website
<blockquote>
HyperText Markup Language (HTML) is the standard markup language for creating web pages and web applications. 
With Cascading Style Sheets (CSS), and JavaScript, it forms a triad of cornerstone technologies for the World Wide Web
</blockquote>
</body>
</html>




silahkan di save lalu silahkan lihat hasilnya di browser anda





blockquote pada html




nah terlihat kan ada kutipan yang secara otomatis pindah garis, dan menjorok ke kanan, itu adalah karena kita menggunakan tag <blockquote>, baik cukup mudah kan, lanjut ke tag selanjutnya





Tag <q>





setelah di tag <blockquote> kita telah belajar membuat sebuah kutipan di dalam html, nah selanjutnya kita akan membuat kutipan lagi tetapi menggunakan tag <q>, tag ini hampir sama fungsinya dengan tag <blockquote> tapi ada beberapa perbedaan dari hasil kutipan yang dihasilkan.





baik agar tidak bingung langsung saja anda buat skrip seperti dibawah ini :





<!DOCTYPE html>
<html>
<head>
  <title>Kutipan di HTML</title>
</head>
<body>
<q>Beri aku 10 Pemuda maka akan kuguncang Dunia</q> Ir Soekarno - Presiden RI Pertama
</body>
</html>




silahkan di simpan, dan buka di di browser, maka hasilnya adalah seperti berikut ini :





tag blockquote di html




nah hasilnya seperti gambar diatas, lalu apa pembedanya dengan kutipan yang menggunakan tag <blockquote>, perbedaannya antara lain :





  • tag <q> merupakan versi inline dari <blockquote> yang artinya tidak akan berganti garis jadi kutipannya langsung berlanjut di text selanjutnya
  • tidak adanya text yang menjorok ke sebelah kanan, karena itu jika anda membuat kutipan yang panjang ada baiknya menggunakan tag <blockquote>
  • kutipan akan otomatis ditambahkan sebuah tanda petik jika anda menggunakan tag <q>




nah jadi itulah perbedaan kutipan yang menggunakan tag <q>





nah jadi kurang lebih seperti itulah cara membuat sebuah kutipan text di dalam HTML, mudah bukan anda tinggal memilih menggunakan tag <blockquote> ataupun tag <q>, sekian dulu tutorial mengenai html di part 10 ini ya, akan kita lanjut di tutorial selanjutnya.


Tags:

Post a Comment (0)

أحدث أقدم