Penggunaan tag dt blockquote dan big HTML 5

Halo teman-teman, apa kabar semuanya. Pastinya sehat selalu ya dan pun ceria setiap ketika, berjumpa lagi dengan saya. Di artikel kali ini saya akan menjelaskan dan mempraktekkan mengenai  Penggunaan tag dt blockquote dan big HTML 5 , tag-tag ini bermanfaat bagi membangun layout paragraf seperti hal nya kita mengetik di word. Bagi tag <dt> hampir sama dengan tag biasanya kita gunakan seperti tag <td> dan tag <li>, tag <dt> mesti di bungkus tag <dl>. Nah tag <dl> disini selaku parent nya atau induknya dan di ikuti oleh turunan nya yaitu tag <dt> dan ada lagi turunan dari <dt> yaitu tag <dd>



Berikutnya yakni tag <blockquote >, tag ini mempunyai default seperti space tab. Sering sekali kita mengetik di word dan acap kali kita tekan tab bagi memberikan jarak yang sejajar, nah tag  <blockquote > ini manfaat nya sama bagi membangun tampilan seperti kita mengetikkan di word.



Terakhir yakni tag <big>, pastinya tahu kan big itu kalau bahasa indonesia berarti besar. Nah tag <big> ini berfungsi bagi memberikan font size lebih besar di bandingkan tag <p> biasanya kita gunakan bagi paragraf. Oke mari kita praktekkan bersama-sama, teman-teman siapkan code editornya lalu ketikkan atau copy script di bawah ini



<!DOCTYPE html>
<html>
<head>
<title>Pemakaian tag dt blockquote dan big HTML 5</title>
</head>
<body>
<!-- manfaat dt -->
<dl>
<dt>Paragraf 1</dt>
<dd>Sub Paragraf 1</dd>
<dd>Sub Paragraf 2</dd>
<dd>Sub Paragraf 3</dd>
<dd>Sub Paragraf 4</dd>
<dt>Paragraf 2</dt>
<dd>Sub Paragraf 2.1</dd>
<dd>Sub Paragraf 2.2</dd>
<dd>Sub Paragraf 2.3</dd>
<dd>Sub Paragraf 2.4</dd>
</dl>

<!-- manfaat blockquote -->
<p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum</p>
<blockquote>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.
</blockquote>


<!-- Manfaat Big -->
<p>Paragraf menggunakan tag p </p>
<big>Paragraf menggunakan tag Big</big>
</body>
</html>


Lalu pastekan script di atas ini di code editornya, dan save dengan nama index.html kemudian buka di browsernya. Karenanya akan tampil seperti gambar di bawah ini





Betul-betul gampang bukan, bagus sekianlah dulu di artikel kali ini tentan Penggunaan tag dt blockquote dan big HTML 5.



Kita jumpa lagi di artikel berikutnya, semoga bermanfaat dan dapat menjadi tambahan pengetahuan mengenai tag-tag yang terdapat di html 5. Terimakasih dan Hingga jumpa…



Indahnya berbagi pengetahuan 🙂



Baca pun artikel mengenai Membuat Animasi Karakter Hantu Lucu Dengan CSS




Sumber https://kursuswebsite.org

Popular posts from this blog

Cara Menghapus Isi Dari Form Input Menggunakan Javascript

Membuat Form Menarik Menggunakan HTML dan CSS