Cara Membuat judul dengan HTML (Heading)

Cara Membuat judul dengan HTML (Heading)

Langsung saja ke topik permasalahan kita yaitu bagaimana sih cara membuat judul dengan HTML ?. Seperti apa sih penjudulan halaman itu ?, Jika kamu pernah berkunjung ke suatu website, Kamu akan melihat sebuah tulisan besar dan tebal di awal halaman. Ya, itulah yang disebut Heading, yaitu judul suatu halaman post.

Lebih jelasnya, Heading adalah sebuah tag yang berfungsi untuk membuat suatu kata menjadi lebih jelas dan besar. Heading ditulis dengan perintah <H1> dan diakhiri dengan </H1>.

Tag heading bukan cuma H1 saja, Kalian bisa merubah angka dari “H” tersebut, Seperti H2, H3 sampai “H6”. Penulisan tag HTML nya seperti <h2><h3><h4><h5> dan <h6>, Semakin kecil angka yang di masukan, Maka huruf yang tampil akan semakin besar. Begitu juga sebaliknya, semakin besar angka yang di masukan maka huruf yang ditampilkan akan semakin kecil.

Contoh pemasangan tag h1 :

<h1>judul dari suatu halaman</h1>

 

Baiklah kita langsung saja buat kode html seperti di bawah ini :

<html>
<head>
<title>belajar tab heading</title>
</head>
<body>

<h1>ini contoh dengan tag heading satu maka akan tampil paling besar </h1>

<h2>ini contoh dengan tag heading dua maka akan tampil lebih kecil dari satu </h2>

<h3>semakin besar angka maka akan semakin kecil pula hurufnya </h3>

<h4>semakin kecil lagi guys ukuran hurufnya </h4>

<h5>ini juga akan semakin kecil hurufnya </h5>

<h6>nah ini yang paling kecil  </h6>

</body>
</html>

Sekarang save / simpan pada lokasi yang di inginkan, silahkan buka dengan aplikasi browser  (klik kanan pada filenya, lalu klik open with, dan klik aplikasi browsernya) hasilnya kurang lebih akan tampak seperti gambar berikut ini :

hasil dari mebuat judul dengan tag heading

Penjelasan kode html diatas :

  • <html>  ini merupakan perintah untuk mebuka kode awal markup html dan akan selalu di akhiri dengan </html>
  • <head> merupakan bagian utuk nama tab halaman dan diakhiri dengan </head>
  • <title>merupakan judul yang di himpit antara perintah head
  • <body> merupakan isi dan akan di akhiri dengan </body>, terdapat beberapa atribut dalam tag body yang bisa diterapkan, seperti bgcolor dan bacground jika anda ingin belajar tentang bgcolor dan background silahkan klik disini, selain itu kita bisa menggunakan width untuk mengubah tampilan halaman.
  • <h1> merupakan heading dengan perintah pembesaran 1, yang memiliki arti bahwa text yang ada didalamnya akan menjadi besar dengan nilai 1(nilai terbesar diantara tag heading). setelah tah h1, kita mungkin memerlukan sub judul, untuk sub judul dari h1 adalah h2, begitupun juga h3 (merupakan sub judul dari h2).
oke satu sudah beres kita pahami dengan baik, sekarang kita belajar tentang atribut heading, yaitu align. align ini berfungsi untuk memberi rataan, baik rata kiri (left) atau rata kanan (right), dan rata tengah (center). untuk penggunaannya, anda tinggal menambahkannya didepan h seperti contoh

<h1 align=”center “> : yang membuat judul berada di tengah-tengah.

See also  Cara Membuat Form Pendaftaran Dengan HTML

ini contoh dengan tag heading 2, dengan rata tengah :

<h2 align=”center”>…</h2>

Artikel Sebelumnya tentang cara mengubah Background HTML, berikut ulasannya :

Cara Mengubah Background HTML (Gambar dan Warna)

Leave a Comment

Your email address will not be published. Required fields are marked *