Membuat Judul Di HTML Dengan Tag Heading

Cara Membuat Judul Di HTML Dengan Tag Heading - Pada kesempatan kali ini Blog Pintasku masih memberikan Tutorial Dasar HTML, tutorial ini dibuat untuk sobat yang ingin Belajar Dasar HTML. Sebelumnya saya membuat Tutorial Cara Membuat Sebuah Paragraf Di HTML, nahh kali ini saya akan memberikan Tutorial Membuat Judul Paragraf Di HTML.

Membuat Judul Di HTML Dengan Tag Heading-Pintasku

Cara Membuat Judul Di HTML Dengan Tag Heading

Untuk Membuat Judul Di HTML itu sudah ada sebuah tag khusus yang dikenal dengan sebutan Tag Heading. Tag Heading itu ada beberapa tingkatan, yaitu : <h1>, <h2>, <h3>, <h4>, <h5>, dan <h6>
dan setiap tingkatan tag tersebut mempunyai fungsi masing masing untuk sebuah halaman web. Untuk mengetahui apa saja fungsinya silahkan sobat masuk saja pada Artikel saya sebelumnya tentang :
Biasanya Tag Heading itu secara otomatis (Default) akan tampil pada browser dengan tulisan yang tebal dan tinggi, berbeda dengan tulisan paragraf. Oke langsung saja ke praktiknya biar lebih mudah dimengerti.

Berikut ini adalah Contoh Kode Tag Heading H1 H2 H3 H4 H5 H6, 
<!DOCTYPE html>
<html>
<head>
  <title>Membuat Tag Heading</title>
</head>
<body>
  <h1>Contoh judul dengan tag h1</h1>
  <h2>Contoh judul dengan tag h2</h2>
  <h3>Contoh judul dengan tag h3</h3>
  <h4>Contoh judul dengan tag h4</h4>
  <h5>Contoh judul dengan tag h5</h5>
  <h6>Contoh judul dengan tag h6</h6>
</body>
</html>
Hasilnya :

Nahh sedangkan untuk menggabungkan antara Tag Heading H1 H2 H3 H4 H5 H6 dengan Tag Paragraf <P>. Untuk mempermudah sobat mengerti silahkan perhatikan contoh kode berikut ini.
<!DOCTYPE html>
<html>
<head>
  <title>Membuat Tag Heading</title>
</head>
<body>
  <h1>Contoh judul dengan tag h1</h1>
  <p>Ini adalah paragraf pertama<p>
  <h2>Contoh judul dengan tag h2</h2>
  <p>Ini adalah paragraf kedua<p>
  <h3>Contoh judul dengan tag h3</h3>
  <p>Ini adalah paragraf ketiga<p>
  <h4>Contoh judul dengan tag h4</h4>
  <p>Ini adalah paragraf keempat<p>
  <h5>Contoh judul dengan tag h5</h5>
  <p>Ini adalah paragraf kelima<p>
  <h6>Contoh judul dengan tag h6</h6>
  <p>Ini adalah paragraf keenam<p>
</body>
</html>
Hasilnya :

Perlu sobat ketahui setiap Tag Heading itu memiliki fungsi yang berbeda - beda dan penempatannya juga yang berbeda. Bahkan faktor penempatan Tag Heading mempengaruhi Tingkat SEO pada sebuah Blog atau Web. Nahh untuk artikel selanjutnya akan membahas bagaimana Cara Membuat Daftar Nomor di HTML

Sekian artikel Tutorial dari Blog Pintasku tentang Membuat Judul Di HTML Dengan Tag Heading Semoga bisa bermanfaat untuk semuanya. Terimakasih
Diposkan oleh Tanggal

No comments:

Post a Comment

Subscribe to: Post Comments (Atom)