Struktur dasar dokumen HTML



Assalamualikum wr.wb. setelah kemarin membahas artikel tentang penjelasan dan aturan-aturan dasar pada html. Sekarang saya akan membuat struktur dokumen HTML dan menyusun heading dan sub-heading. Tanpa perlu basa-basi, berikut contoh struktur dasar dokumen HTML dan penyusunan heading dan sub heading :
1.    Struktur dasar dokumen HTML
Struktur dasar dokumen HTML seperti yang telah dijelaskan pada artikel sebelumnya dasar-dasarhtml & format pada dokumen html, contohnya adalah :

<HTML>
<HEAD>
<TITLE>Selamat Belajar HTML</TITLE>
</HEAD>
<BODY>
Selamat Datang
</BODY>
<HTML>





2.    Menyusun heading dan Sub-Heading
HTML menyediakan 6 buah tag yang digunakan untuk mengatur ukuran teks yang dijadikan sebagai judul dalam badan dokumen. Tag-tag judul ini berupa:
<Hx>.........</Hx>

Dimana :
Nilai x = 1, 2, 3, 4, 5, 6

<HTML>
<HEAD>
<TITLE>Selamat Belajar HTML</TITLE>
</HEAD>
<BODY>
<H1>Belajar HTML</H1>
<H2>Belajar HTML</H2>
<H3>Belajar HTML</H3>
<H4>Belajar HTML</H4>
<H5>Belajar HTML</H5>
<H6>Belajar HTML</H6>
</BODY>
<HTML>









3.    Atribut pada heading
Heading mempunyai atribut ALIGN dengan value/nilainya adalah center, left, right. Contoh berikut ini adalah format penulisan atribut pada tag <Hx> :

<Hx  ALIGN=”[left, center, right]”> Teks Judul </Hx>

Dimana :
·         Left        : untuk mengatur teks rata kiri
·         Center  : untuk mengatur teks rata tengah
·         Right     : untuk Mengatur teks rata kanan
*tanda [] tidak perlu dipakai

<HTML>
<HEAD>
<TITLE>Selamat Belajar HTML</TITLE>
</HEAD>
<BODY>
<H1 ALIGN=”Center”>Belajar HTML</H1>
<H2 ALIGN=”Right”>Belajar HTML</H2>
<H3 ALIGN=”Left”>Belajar HTML</H3>
</BODY>
<HTML>





sumber : HTML & JavaScript/Sarwati Rahayu, ST., MMSI

Tidak ada komentar:

Posting Komentar