Jenis-jenis Heading dalam HTML

Thursday, February 16, 2012

Setelah mempelajari tentang format dasar HTML. Kali ini kita akan membahas apa itu heading. Heading biasanya digunakan untuk membuat judul ataupun sub judul di website. Terdapat enam jenis heading dan masing-masing mempunyai ukuran (size) yang berbeda-beda. Dimulai dari nominal pertama yakni ukuran yang paling besar sampai nominal yang keenam yakni ukuran yang paling kecil. Format penulisan tag heading sebagai berikut:

Heading 1

<h1>Contoh Heading 1</h1>

Heading 2

<h2>Contoh Heading 2</h2>

Heading 3

<h3>Contoh Heading 3</h3>

Heading 4

<h4>Contoh Heading 4</h4>

Heading 5
<h5>Contoh Heading 5</h5>

Heading 6
<h6>Contoh Heading 6</h6>

Tag heading dituliskan diantara tag body.

<html>
<head>
...........................
</head>

<body>
<h1>Contoh Heading 1</h1>
</body>

</html>



Selain itu, Anda juga dapat menambahkan atribut “align”. Atribut align disini berfungsi untuk memposisikan heading di rata kiri, rata kanan, dan rata tengah. Contoh format penulisannyasebagai berikut :

<h1 align="left">Contoh heading rata kiri</h1>
<h1 align="center">Contoh heading rata tengah</h1>
<h1 align="right">Contoh heading rata kanan</h1>


Sekian tutorial pemrograman html kali ini, terima kasih dan semoga bermanfaat.

Share this :

Previous
Next Post »
1 Komentar
avatar

tutorial yang bagus gan...
cukup baik untuk orang yang pertama kali belajar html..
salam




http://bayu-immanuel.blogspot.com/

Balas

Penulisan markup di komentar
  • Silakan tinggalkan komentar sesuai topik. Komentar yang menyertakan link aktif, iklan, atau sejenisnya akan dihapus.
  • Untuk menyisipkan kode gunakan <i rel="code"> kode yang akan disisipkan </i>
  • Untuk menyisipkan kode panjang gunakan <i rel="pre"> kode yang akan disisipkan </i>
  • Untuk menyisipkan quote gunakan <i rel="quote"> catatan anda </i>
  • Untuk menyisipkan gambar gunakan <i rel="image"> URL gambar </i>
  • Untuk menyisipkan video gunakan [iframe] URL embed video [/iframe]
  • Kemudian parse kode tersebut pada kotak di bawah ini
  • © 2015 Simple SEO ✔