HTML Dasar Part 3 : Mengenal Heading dan Paragraf
Seperti biasa sebelum memulai berguru alangkah baiknya berdo'a terlebih dahulu.
Ok kali ini kita sudah masuk kepembelajaran selanjutnya yaitu di Part-3 yang akan membahas perihal Tag Heading dan Tag Paragraf.
Apa sih Tag Heading?
Tag Heading yaitu tag yang dipakai untuk menciptakan judul pada website.
Apa sih Tag Paragraf?
Tag Paragraf yaitu tag yang dipakai untuk menciptakan paragraf pada website.
Ok untuk lebih jelasnya mari kita praktekkan, dan sesudah kita praktekkan gres kita sanggup menerima kesimpulan dari Tag Heading dan Tag Paragraf.
Ikuti langkah-langkahnya :
1. Jika yang sudah mempunyai atau mengikuti tutorial sebelum-sebelumnya, sanggup eksklusif buka file latihan.html yang telah dibentuk pada pembelajaran part 1 dan part 2, tetapi jikalau yang ingin eksklusif berguru di part 3 ini silahkan tulis koding dibawah ini memakai text editor dan menyimpannya dengan format latihan.html, dan bagi yang sudah mempunyai latihan.html cukup hanya menambahkan tag-tag pada bab tag body.
**Direkomendasikan untuk mempelajari part-part sebelumnya.
<html>
<head>
<title> Web Ku </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>
2. Seperti biasa jikalau akan mencoba atau melihatnya pada browser, jangan lupa save terlebih dahulu instruksi tersebut
3. Kemudian klik 2 kali pada file latihan.html, dan otomatis browser akan terbuka, maka kesudahannya akan menyerupai ini :
**Penjelasan : Semakin kecil nilai dari tag heading, maka akan semakin besar teks yang akan muncul, dan sebaliknya jikalau semakin besar nilai dari tag heading, maka akan semakin kecil teks yang akan muncul
** Tag heading terdiri dari 6 (enam) tingkatan, yaitu <h1>, <h2> <h3>, <h4>, <h5>, dan <h6>
4. Selanjutnya buat tag paragraf, buat instruksi menyerupai dibawah ini :
<html>
<head>
<title> Web Ku </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>
<p> Selamat tiba di website ku </p>
</body>
</html>
5. Kemudian refrash browser yang anda gunakan, maka kesudahannya akan menyerupai ini :
**Penjelasan : pada Tag paragraf ini, teksnya sudah tidak terlihat tebal (bold) lagi menyerupai pada Tag Heading.
Bersambung....
Rangkuman :
- Tag Heading yakni tag yang dipakai untuk menciptakan sebuah judul pada sebuah halaman web dan teksnya sendiri berukuran dan lebih tebal dari teks biasa. Tag Heading terdiri dari 6 (enam) tingkatan, yaitu <h1>, <h2> <h3>, <h4>, <h5>, dan <h6> dimana semakin kecil nilai dari tag heading, maka akan semakin besar teks yang akan muncul, dan sebaliknya jikalau semakin besar nilai dari tag heading, maka akan semakin kecil teks yang akan muncul. Biasanya <h1> hanya dipakai satu kali dalam sebuah halaman web, yaitu sebagai judul utama, <h2> hingga <h6> sanggup dipakai beberapa kali sebagai sub judul.
- Tag paragraf yakni tag yang dipakai untuk memulai suatu paragraf baru.
Ok sekian pembelajaran pada part 3 perihal tag heading dan tag paragraf, supaya bermanfaat 😎
Berdo'a selesai belajar.
Untuk pembelajaran selanjutnya sanggup dilihat di Part 4
HTML Part 4 >>>
Sumber http://segeranat.blogspot.com
