Laman

10 November, 2014

Tutorial HTML: Heading

Pada saat kita menuliskan sebuah artikel pada sebuah halaman website, tentu kita membutuhkan judul untuk artikel yang kita tulis tersebut. Untuk itulah kita membutuhlan heading.

Secara umum, heading digunakan untuk menuliskan judul atau sub judul. Dalam HTML, heading memiliki 6 tingkatan. Secara berurutan, tag heading sebagai berikut; h1, h2, h3, h4, h5 dan h6 dengan heading 1 atau <h1> adalah yang terbesar hingga heading 6 atau <h6> adalah yang terkecil.

Mari kita terapkan heading ini dalam "webpertama.html".

<!DOCTYPE html>
<html>
  <head>
    <title>Web Pertamaku</title>
  </head>
  <body>
    <h1>Halaman web pertamaku</h1>

    <h2>Latihanku</h2>
    <p>Menarik bukan...</p>

    <h3>Kenapa ?</h3>
    <p>Karena aku ingin bisa.</p>
  </body>
</html>

Simpan dan kemudian buka menggunakan browser.

Tutorial HTML: Heading

Catatan:
Disarankan h1 digunakan hanya sekali dalam sebuah halaman web sebagai induk atau heading utama. Sedangkan h2 sampai h6 dapat digunakan sesering mungkin sesuai keinginan kita namun dalam peletakannya haruslah sesuai dengan aturan. Misalnya h4 adalah sub heading dari h3 dimana h3 adalah sub heading dari h2 dan h2 adalah sub heading dari h1.

<h1>Heading 1</h1>
 <h2>Sub-Heading 2</h2>
  <h3>Sub-Heading 3</h3>
   <h4>Sub-Heading 4</h4>
    <h5>Sub-Heading 5</h5>
     <h6>Sub-Heading 6</h6>

***

Daftar Tutorial HTML:
  1. Tutorial HTML: Mukadimah
  2. Tutorial HTML: Tags, Attribute dan Element
  3. Tutorial HTML: Page Title
  4. Tutorial HTML: Paragraph
  5. Tutorial HTML: Heading
  6. Tutorial HTML: List
  7. Tutorial HTML: Link
  8. Tutorial HTML: Image
  9. Tutorial HTML: Table
  10. Tutorial HTML: Form
Apabila artikel ini bermanfaat untuk anda, jangan lupa bagikan kepada teman-teman yang lain melalui:
Email
Twitter
Pinterest
Facebook

Tidak ada komentar:

Posting Komentar