Heading Pada HTML - Fantasi Teknologi

Breaking

Fantasi Teknologi

Tempatnya Belajar Teknologi Masa Kini

Post Top Ad

Post Top Ad

Sabtu, 28 Agustus 2021

Heading Pada HTML

Heading atau lebih tepatnya TAG Heading merupakan TAG khusus yang disediakan oleh HTML untuk membuat sebuah judul pada teks dalam sebuah halaman web. TAG Heading secara default ditampilkan oleh browser dengan ukuran lebih besar dan lebih tebal (bold) dari teks biasa. Tidak hanya sekedar untuk memberikan penampilan yang lebih tegas dan penekanan, TAG Heading juga sangat penting dalam kaitannya dengan teknik Search Engine Optimization (SEO).

Heading merupakan element atau tag HTML yang berfungsi untuk menunjukkan bagian penting pada halaman web. element tag heading ini memiliki enam tingkatan tyang berurutan yaitu <h1>,<h2>,<h3>,<h4>,<h5>,<h6> yang bisa digunakan untuk menambah ke struktur halaman web. perbedaan masing-masing heading yaitu besar hingga kecil teks. contohnya tag/element <h1> lebih besar dari element/tag <h2> dan seterusnya.

penggunaan masing-masing heading juga berbeda, berikut penggunaan masing-masing tag/element heading yang sering digunakan pada pengolahan halaman web :

  • <h1> heading yang digunakan untuk penulisan judul utama dari dokument
  • <h2> heading yang digunaakan sebagai sub <h1>
  • <h3> heading yang digunakan sebagai sub <h2>
  • untuk penggunaan <h4><h4><h5><h6> tergantung peogramer sendiri untuk memperindah halaman web.

berikut contoh penerapan masing-masing lement/tag heading :


<!DOCTYPE html>
<html>
<head>
        <title></title>
</head>
<body>
<h1>ini adalah heading 1</h1>
</body>
</html>

heading satu


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

contoh penulisan heading dari contoh yang diatas dapat anda lihat perbedaan antara masing-masing heading. 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="https://fante2.blogspot.com/"><h1>ini adalah heading 1</h1><a>
</body>
</html>

Belajar HTML Heading Pada HTML

contoh diatas yaitu penggunaan tag heading yang berada dalam tag . sedangkan element href digunakan untuk menghubungkan dengan dokumen/link yang lain. ketika diklik pada “ini adalah heading 1” akan di alihkan ke halaman https://fante23.blogspot.com

kesimpulannya : salah fungsi dari tag hading ini adalah untuk merapikan struktur penulisan dalam HTML, misalkan penulisan judul yang menggunakan text yang lebih besar dari sub judul.

Tidak ada komentar:

Posting Komentar

Post Top Ad