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 :)
Belum ada Komentar untuk "HTML5 #1 : Heading dan Align Di HTML5"
Posting Komentar