Belajar Html Part 4 : Cara membuat Judul Heading pada Html h1-h6

cara-membuat-judul-heading-di-html

Hallo ^-^  programmer pada artikel ini kali ini tekloggers akan update tutorial html mengenai cara membuat judul heading di html h1,h2,h3 , dan seterusnya.Jika pada artikel sebelumnya tekloggers sudah membahas mengenai cara membuat paragraf maka kiat perlu naik level  ke membuat judul heading pada html.

Setiap sebuah artikel yang ada di sebuah website kebanyakan diberikan sebuah judul,kali ini cara memberi  judul untuk artikel yang kita buat di website kita.Cara membuatnya adalah dengan cara menuliskan nama taau judul yang kita ingingkan ke dalam tag heading atau <h….>…..

Namun tag ini memiliki beberapa variasi dari h1-h6 dari setiap tag tersebut yang membedakan hanyalah ukuran dari output-nya.

Contoh Kode Pembuatan:
[<!Doctype html>
<html>
<head>
   <title>Pembuatan Dari Heading</title>
<head>
<body>
<header>
Isi header
</header>
<h1>Judul 1</h1>
<h2>judul</h2>
<h3>judul</h3>
<h4>judul</h4>
<h5>judul</h5>
<h6>judul 6</h6>
</body>
</html>]

Hasil dari kode diatas:
cara-membuat-judul-heading-di-html


Bisa kalian lihat dari contoh pembuatan heading diatas bahwa ada perbedaan dari setiap judul yang kita buat yap itu berurutan dari yang besar hingga ke yang kecil , semakin kecil tag <h> atau semakin besar judul yang dihasilkan maka dari itulah heading dimulai dari <h1>.

Penggunaan H1-H6 juga berfungsi untuk membuat sebuah artikel atau konten yang ada pada web lebih rapi yang dimulai dari Heading <h1> sub heading atau sub judul <h2> minor heading <h3> dan seterusnya.

Itulah cara Membuat judul di Html ,apakah ada pertanyaan? Silahkan kalian luangkan di kolom komentar.Terus kunjungi website Tekloggers untuk mendapatkan konten terbaru mengenai artikel programming terbaru atau kalian bisa mengikuti website ini dengan menaruh email kalian di kotak subscribe di sidebar.

Posting Komentar

0 Komentar