282 Views

Belajar Pemrograman HTML & CSS (Part 5) – Heading

html css jquery javascript

Hai.. semua sobat belajar hebat bertemu lagi dengan saya, pada tutorial Belajar HTML kali ini kita akan membahas tentang cara membuat judul web dengan heading & bagaimana penulisannya di HTML. Tag heading di dalam HTML terdiri dari 6 tingkatan, yaitu <h1>, <h2>, <h3>, <h4>, <h5>, dan <h6>. Tag heading secara default akan ditampilkan oleh web browser dengan huruf tebal (bold).

Tampilan dari tag header juga dibuat bertingkat. Tag header <h1> memiliki ukuran huruf paling besar, sedangkan <h6> terkecil.

Untuk memahami cara pembuatan judul dengan heading di dalam HTML, kita akan menggunakan contoh struktur HTML yang dibuat pada tutorial sebelum ini, dan menambahkan beberapa text. Silahkan buka kembali text editor, lalu ketikkan kode berikut:

<!DOCTYPE html>
<html>
<head>
  <title>penggunaan tag heading</title>
</head>
<body>
  <h1>ini adalah judul dengan h1 </h1>
  <h2>ini adalah judul dengan h2 </h2>
  <h3>ini adalah judul dengan h3 </h3>
  <h4>ini adalah judul dengan h4 </h4>
  <h5>ini adalah judul dengan h5 </h5>
  <h6>ini adalah judul dengan h6 </h6>
</body>
</html>
maka hasilnya menjadi berikut:
heading
Selain terdiri dari paragraf dan judul, sebuah struktur artikel juga perlu membuat daftar, atau dikenal sebagai list. Dalam tutorial selanjutnya kita akan membahas tentang Cara Membuat Daftar/List di HTML menggunakan tag <ol>, <ul> dan <li>.
SALAM HEBAT
Share
You can leave a response, or trackback from your own site.

Leave a Reply