HTML5 #1 : Heading dan Align Di HTML5

HTML5 #1 : Heading dan Align Di HTML5
Heading dan Align Di HTML5

HEADING

Tag Heading adalah tag yang berfungsi untuk membuat heading atau judul dengan ukuran besar sesuai keinginan anda.
Berikut merupakan contoh lain bagaimana anda menggunakan heading untuk menstrukurisasi sebuah dokumen :

  <h1>Heading Level 1</h1>


  <h2>Heading Level 2</h2>


  <h3>Heading Level 3</h3>


  <h4>Heading Level 4</h4>


  <h5>Heading Level 5</h5>


  <h6>Heading Level 6</h6>


  <p>Tubuh teks normal.</p>

Seperti biasa, Copy Paste Coding heading diatas di text editor kalian dengan tipe file html (.html) dan jalankan di Browser kesayangan anda maka hasilnya akan seperti :

Heading Level 1

Heading Level 2

Heading Level 3

Heading Level 4

Heading Level 5
Heading Level 6
Tubuh teks normal.

ATTRIBUT align

Atribut align mengindikasikan apakah heading disejajarkan ke kiri, tengah, atau kanan halaman. Attribut ini akan dihapus untuk versi HTML dan XHTML dimasa depan. Atribut align telah digantikan oleh dua properti CSS : properti text-align untuk menyejajarkan teks, dan properti float untuk memposisikan item berukuran besar pada halaman.


  • left          : Heading ditampilkan dikiri jendela browser (atau elemen pemuat jika heading berada di dalam elemen lain). Ini merupakan nilai default jika attribut align tidak digunakan.
  • center     :  Heading ditampilkan diengah jendela browser (atau elemen pemuat jika heading berada di dalam elemen lain).
  • right       :  Heading ditampilkan dikananjendela browser (atau elemen pemuat jika heading berada di dalam elemen lain).

Berikut merupakan sebuah contoh penggunaan attribut align :


<h1 align="left">Heading disejajarkan ke kiri</h1>
<p>Heading ini menggunakan atribut align dengan nilai left.</p>
<h1 align="center">Heading disejajarkan ke tengah</h1>
<p>Heading ini menggunakan atribut align dengan nilai center. </p>
<h1 align="right">Heading disejajarkan ke kanan</h1>
<p>Heading ini menggunakan atribut align dengan nilai right.</p>

Seperti biasa, Copy Paste Coding heading diatas di text editor kalian dengan tipe file html (.html) dan jalankan di Browser kesayangan anda maka hasilnya akan seperti :

Heading disejajarkan ke kiri


Heading ini menggunakan atribut align dengan nilai left.

Heading disejajarkan ke tengah


Heading ini menggunakan atribut align dengan nilai center.

Heading disejajarkan ke kanan


Heading ini menggunakan atribut align dengan nilai right.


Sekian artikel bljar html ini, tunggu artikel slanjutnya :)

Berlangganan update artikel terbaru via email:

Belum ada Komentar untuk "HTML5 #1 : Heading dan Align Di HTML5"

Posting Komentar

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel