Pengertian dan Penggunaan tag dt blockquote dan big HTML 5

Halo teman-teman, apa kabar semuanya. Pastinya sehat selalu ya dan juga ceria setiap saat, berjumpa lagi dengan saya. Pada artikel kali ini saya akan menjelaskan dan mempraktekkan tentang Penggunaan tag dt blockquote dan big HTML 5 , tag-tag ini berguna untuk membuat layout paragraf seperti hal nya kita mengetik di word. Untuk tag <dt> hampir sama dengan tag biasa kita pakai seperti tag <td> dan tag <li>, tag <dt> harus di bungkus tag <dl>. Nah tag <dl> disini sebagai parent nya atau induknya dan di ikuti oleh turunan nya yaitu tag <dt> dan ada lagi turunan dari <dt> yaitu tag <dd>

Berikutnya adalah tag <blockquote >, tag ini mempunyai default seperti space tab. Sering kali kita mengetik di word dan sering kali kita tekan tab untuk memberikan jarak yang sejajar, nah tag <blockquote > ini fungsi nya sama untuk membuat tampilan seperti kita mengetikkan di word.

Terakhir adalah tag <big>, pastinya tahu kan big itu kalau bahasa indonesia berarti besar. Nah tag <big> ini berfungsi untuk memberikan font size lebih besar di bandingkan tag <p> biasa kita pakai untuk 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>Penggunaan tag dt blockquote dan big HTML 5</title>
</head>
<body>
<!-- fungsi 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> 

<!-- fungsi 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>


		<!-- Fungsi 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 pada browsernya. Maka akan tampil seperti gambar di bawah ini

Sangat mudah bukan, baik sekian dulu di artikel kali ini tentan Penggunaan tag dt blockquote dan big HTML 5.

Kita jumpa lagi di artikel berikutnya, semoga bermanfaat dan bisa menjadi tambahan pengetahuan tentang tag-tag yang ada pada html 5. Terimakasih dan Sampai jumpa…

Indahnya berbagi pengetahuan 🙂

Baca juga artikel tentang Membuat Animasi Karakter Hantu Lucu Dengan CSS

Penggunaan tag dt blockquote dan big HTML 5

Kategori