Belajar HTML Part 3 : Mengenal Heading Pada HTML
SCRIPT KIDDIES - Tag Heading merupakan Tag HTML yang berfungsi untuk menunjukkan bagian penting pada halaman web. Biasanya tag heading digunakan untuk membuat sebuah judul dokumen atau artikel. Tag heading memiliki 6 tingkatan yang berurutan yaitu <h1><h2><h3><h4><h5><h6> . Tag heading <h1> merupakan heading paling besar sementara <h6> adalah yang paling kecil. Semakin kecil angka maka semakin kecil pula huruf yang akan ditampilkan.
Penggunaan masing - masing heading juga berbeda, berikut penggunaan masing - masing tag/element heading yang sering digunakan pada pengolaan halaman web :
- <h1> heading yang digunakan untuk penulisan judul utama dari dokumen
- <h2> heading yang digunakan sebagai sub <h1>
- <h3> heading yang digunakan sebagai sub <h2>
- untuk penggunaan <h4><h5><h6> tergantung programer sendiri untuk memperindah halaman web
<!DOCTYPE html>Jika kita jalankan dalam web browser maka akan tampil seperti berikut
<html>
<head>
<title>SCRIPT KIDDIES</title>
</head>
<body>
<h1>ini adalah heading 1</h1>
</body>
</html>
 |
| Heading Satu |
Akan Kita coba semua tag heading yang ada pada HTML
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<h1>ini adalah heading 1</h1>
<h2>ini adalah heading 2</h2>
<h3>ini adalah heading 3</h3>
<h4>ini adalah heading 4</h4>
<h5>ini adalah heading 5</h5>
<h6>ini adalah heading 6</h6>
</body>
</html>
Dari contoh diatas sobat pasti tau apa perbedaan dari setiap heading yang kita buat. Jadi semakin kecil angka yang kita buat maka semakin kecil pula huruf yang akan ditampilkan. Penulisan heading ini boleh digunakan didalam jenis tag yang lain. Berikut contoh penggunaan element heading di dalam tag lain
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<a href="http://www.script-kidies22.blogspot.com/"><h1>ini adalah heading </h1></a>
</body>
</html>
Contoh diatas yaitu penggunaan tag heading yang berada dalam tag <a> . sedangkan element href digunakan untuk menghubungkan dengan dokumen/link yang akan dituju. Jadi jika kita klik "ini adalah heading 1" maka kita akan diarahkan menuju script-kiddies22.blogspot.co.id
Kesimpulanya fungsi dari tag heading adalah untuk merapikan struktur penulisan dalam HTML, mislakan judul yang menggunakan text lebih besar dari sub judul. Sekian tutor dari saya jika ada pertanyaan silahkan berikan komentar, Sekian Terima Kasih
Kunjungi Juga : Tampan Squad
Referensi : Malas Ngoding
TUTORIAL HTML DASAR LAINYA
Belajar HTML : Mengenal Text Editor
Belajar HTML Part 1 : Mengenal HTML
Belajar HTML Part 2 : Mengenal Tag, Element, Atribut & Struktur Dasar HTML
Belajar HTML Part 3 : Mengenal Heading Pada HTML
Belajar HTML Part 4 : Format Text Pada HTML
Belajar HTML Part 5 : Membuat Paragraf Pada HTML
Belajar HTML Part 6 : Membuat Tabel Pada HTML
Belajar HTML Part 7 : Membuat Hyperlink Pada HTML
Belajar HTML Part 8 : Membuat List Pada HTML
Belajar HTML Part 9 : Membuat Format Code dan Pre Pada HTML
Belajar HTML Part 10 : Membuat Form Pada HTML
Belajar HTML Part 11 : Mengenal Atribut Form Pada HTML
Tidak ada komentar :
Posting Komentar