Belajar html #3 : Membuat Heading di html

Belajar HTML #03 : Membuat Heading di HTML

Coba pikirkan jika anda membuat parangraf di html tanpa judul/heading maka paragraf tersebut kurang menarik, nah jadi mari kita belajar bagaimana cara  membuat heading di html bersama MariNgecoding dengan codingan-codingan sederhana.

 

Pertama apa itu heading?

Heading adalah sebuah judul yang sering diberikan pada halaman atau beberapa bagian dari artikel.


Cara Membuat Heading di HTML :

Judul/heading pada HTML dapat kita buat dengan tag <h1> sampai <h6>. Tag <h1> digunakan pada judul paling besar. Lalu tag lainnya digunakan pada sub heading.

Masing-masing judul akan ditampilkan dengan ukuran teks yang bebeda. Tag <h1> adalah yang paling besar, dan tag <h6> paling kecil.

Contoh <h1> sampai <h6> :

<!DOCTYPE html>

<html>

    <head>

        <title>Belajar html #3 : membuat heading di html</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>


Output :




Contoh heading di paragraf :

<!DOCTYPE html>

<html>

<head>

  <title>Belajar html #3 : Membuat

  heading di html </title>

</head>

  <body>

    <h1>h1 untuk judul besar </h1>

    <p>Lorem Ipsum is simply dummy text of the

    printing and typesetting industry. Lorem

    Ipsum has been the industry's standard

    dummy text ever since the 1500s,

    when an unknown printer took a galley 

    of type and scrambled it to make a type

    specimen book.</p>

    <h3>h3 untuk judul sedang</h3>

    <p>Lorem Ipsum is simply dummy text of the

    printing and typesetting industry. Lorem

    Ipsum has been the industry's standard

    dummy text ever since the 1500s,

    when an unknown printer took a galley 

    of type and scrambled it to make a type

    specimen book.</p>

  </body>

</html>


Dengan hasil output :



إرسال تعليق

Post a Comment (0)

أحدث أقدم

Custom JavaScript Footer