Belajar Praktek Heading HTML
April 19, 2016
Sekilas heading berfungsi
untuk memperbesar ataupun menebalkan teks, Namun Heading berfungsi untuk
mendefinisikan judul dan sub judul dari
teks yang kita buat. Sama halnya dengan buku atau majalah, dalam website heading
juga digunakan untuk mengindex susunan dan content dari pada halaman website tersebut.
Agar lebih memahami lihat perbedaan pada file berikut ini, Buat sebuah
file html (sebagai contoh disini saya membuat file dengan nama latihan.html) pada
teks editor dengan kode sebagai berikut:
<html>
<head>
<title>Belajar
Heading</title>
</head>
<body>
ini
kalimat tanpa menggunakan heading
<!--
ini kalimat dengan Heading 1-6 -->
<h1>ini
kalimat dengan Heading Tingkat 1 </h1>
<h2>ini
kalimat dengan Heading Tingkat 2 </h2>
<h3>ini
kalimat dengan Heading Tingkat 3 </h3>
<h4>ini
kalimat dengan Heading Tingkat 4 </h4>
<h5>ini
kalimat dengan Heading Tingkat 5 </h5>
<h6>ini
kalimat dengan Heading Tingkat 6 </h6>
<!--
ini kalimat dengan Heading 1-6 -->
</body>
</html>
Kemudian jalankan pada aplikasi browser, sehingga akan
tampil seperti gambar sebagai berikut:
Dari gambar diatas terlihat jelas perbedaan antara kalimat
yang tidak memakai heading dan kalimat memakai heading dengan tingkat tertentu.
Contoh penggunaan heading HTML, buat file HTML baru (di sini
saya membuat file dengan nama latihan2.html) :
<html>
<head>
<title>Belajar
Heading</title>
</head>
<body>
<!--
ini kalimat dengan Heading 1 -->
<h1>Belajar
HTML</h1>
<!--
ini batas kalimat dengan Heading 1 -->
<!--
ini kalimat dengan Heading 3 -->
<h3>1.
Heading Pada HTML</h3>
<!--
ini batas kalimat dengan Heading 3 -->
<!--
ini kalimat isi bacaan tanpa menggunakan Heading -->
Sekilas heading
berfungsi untuk memperbesar ataupun menebalkan teks,
Namun Heading berfungsi untuk mendefinisikan judul dan sub judul dari teks yang kita buat.
Sama halnya dengan buku atau majalah, dalam website heading
juga digunakan untuk mengindex susunan
dan content dari pada halaman website tersebut.
<!-- ini kalimat isi bacaan tanpa
menggunakan Heading -->
</body>
</html>
Pada kode script diatas, judul bacaan menggunakan heading
level 1, sub judul bacaan menggunakan heading level 3, sedangkan isi dari
bacaan tersebut tidak menggunakan heading.
Jika dijalankan pada browser akan tampil seperti
gambar berikut:
untuk jika anda ingin download tutorial Belajar Praktek Heading HTML ini silakan klik link dibawah ini:
Pdf tutorial : download
script codenya : download
password: jsawkers.blogspot.com
0 comments