Belajar HTML #03 : Membuat Heading di HTML
Coba pikirkan jika anda membuat parangraf di html tanpa judul/heading maka paragraf tersebut kurang menarik, nah jadi mari kita belajar bagaimana cara membuat heading di html bersama MariNgecoding dengan codingan-codingan sederhana.
Pertama apa itu heading?
Cara Membuat Heading di HTML :
Judul/heading pada HTML dapat kita buat dengan tag <h1> sampai <h6>. Tag <h1> digunakan pada judul paling besar. Lalu tag lainnya digunakan pada sub heading.
Masing-masing judul akan ditampilkan dengan ukuran teks yang bebeda. Tag <h1> adalah yang paling besar, dan tag <h6> paling kecil.
Contoh <h1> sampai <h6> :
<!DOCTYPE html>
<html>
<head>
<title>Belajar html #3 : membuat heading di html</title>
</head>
<body>
<h1>heading 1</h1>
<h2>heading 2</h2>
<h3>heading 3</h3>
<h4>heading 4</h4>
<h5>heading 5</h5>
<h6>heading 6</h6>
</body>
</html>
Output :
Contoh heading di paragraf :
<!DOCTYPE html>
<html>
<head>
<title>Belajar html #3 : Membuat
heading di html </title>
</head>
<body>
<h1>h1 untuk judul besar </h1>
<p>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.</p>
<h3>h3 untuk judul sedang</h3>
<p>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.</p>
</body>
</html>
Dengan hasil output :
Post a Comment