Cara Menggunakan Heading di HTML

22 November 2019 17:24 914 View


Hallo teman-teman kali ini saya aka berbagi ilmu bagaimana cara membuat judul di HTML,  HTML menyediakan tag khusus untuk membuat judul atau di dalam HTML lebih di kenal dengan istilah: heading

Pengertian Heading

Heading dirancang terpisah dari paragraf. Tag Heading biasanya digunakan untuk judul dari paragraf, atau bagian dari text yang merupakan judul.

Contoh : 

<!DOCTYPE html>
<html>
<head>
<title>Layanan Coding </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>

Judul Apakah Penting

Mesin pencari menggunakan judul untuk indeks struktur dan isi dari halaman web Anda. Pengguna sering skim halaman dengan judul nya. Hal ini penting untuk menggunakan judul untuk menunjukkan struktur dokumen.

<h1>judul harus digunakan untuk judul utama, diikuti oleh <h2>judul, maka kurang penting <h3>, dan sebagainya.

Memodifikasi Judul

Setiap pos HTML memiliki ukuran default. Namun, Anda dapat menentukan ukuran untuk setiap pos dengan style atribut, menggunakan CSS font-size seperti coding dibawah ini

<h1 style="font-size:60px;">Heading 1</h1>

 

Aturan Horizontal HTML

Tag <hr>tag mendefinisikan istirahat tematik di halaman HTML, dan yang paling sering ditampilkan sebagai aturan horisontal. Tag <hr>elemen digunakan untuk memisahkan konten (atau menentukan perubahan) dalam sebuah halaman HTML:

<!DOCTYPE html>
<html>
<head>
<title>Layanan Coding </title>
</head>
<body>


<h1>Layanan Coding 1</h1>
<p>ISI Layanan Coding X</p>
<hr>

<h2>Layanan Coding 2</h2>
<p>Isi Layanan Coding xx</p>
<hr>

<h2>Layanan Coding 3</h2>
<p>Isi Layanan Coding xx</p>
<hr>

</body>
</html>

Terimakasih banyak ya teman-teman telah berkujung ke situs web kami, semoga dapat bermanfaat, kurang lebih dari tulisan ini mohon di maklumin.


Delisman Hulu

Admin


Rekomondasi
Komentar

Harap berkomentar yang berkaitan dengan topik. Terimakasih