Kamis, 13 September 2012
Begitu pentingnya HTML, sehingga HTML kerap menyandang gelar sebagai "Ibu dari pemgraman Website" , karena perannya yang penting sehingga tidak pernah terlepas dan tidak pernah tidak digunakan. Yang harus diketahui setiap penulisan TAG HTML , Selalu diawali dengan pembuka <.....> dan penutup tag </.....> yang di bedakan dengan / (slave).
Secara Umum setruktur dari HTML adalah sebagai berikut :
<HTML> <HEAD> <TITLE>...</TITLE> </HEAD> <BODY> .....isi...... </BODY> </HTML>
Setelah Tag di atas ditulis di Text Editor HTML , simpanlah dengan nama : index.html
Keterangan :
- TAG HTML secara default dimulai dari <HTML> dan di akhiri dengan </HTML>
- Tag <HEAD>..</HEAD> merupakan tag kepala sebelum badan, dimana Tag ini akan dieksekusi terlebih dahulu sebelum tag badan(<Body>..</Body>). Didalam Tag <HEAD>...</HEAD> ini berisi Tag <META> dan Tag <TITLE>. Tag <META> merupakan informasi dari suatu dokumen HTML, sedangkan Tag <TITLE> adalah Tag judul.
- Tag <BODY>...</BODY> merupakan isi content keseluruhan dari suatu halaman website. disinilah kita memulai mengetikkan Tag-Tag isi dari Halaman Website yang ingin kita buat nanti.
A. HEADING
Fungsi dari Tag hiding ialah sebagai format untuk memilih ukuran teks, umumnya digunakan untuk judul,
sintax :
<H1>....</H1> <H2>....</H2> <H3>....</H3> <H4>....</H4> <H5>....</H5> <H6>....</H6>Ket : Semakin besar angka 1 s/d 6 maka semakin kecil ukurannya .
berikut contoh penulisannya :
<html> <head> <title>Contoh Penggunaan Heading</title> </head> <body> <h1>Teks ini menggunakan H1</h1> <h2>Teks ini menggunakan H2 </h2> <h3>Teks ini menggunakan H3 </h3> </body> </html>
Coba anda copy di Text editor anda dan jalankan di browser , maka hasilnya adalah :
Teks ini menggunakan H1
Teks ini menggunakan H2
Teks ini menggunakan H3
B. GARIS HORIZONTAL
fungsi : membuat garis horizontal penuh pada layar / halaman web
sintax : <hr>
Contoh Penulisan :
<html> <head> <title>Contoh Penggunaan HR</title> </head> <body> <h1>Dibawah ini adalah contoh penggunaan HR</h1> <hr> </body> </html>
maka hasilnya akan seperti berikut :
Dibawah ini adalah contoh penggunaan HR
C. ITALIC, BOLD DAN UNDERLINE
Sintaks :
italic : <i>....</i>
bold : <b>...</b>
underline : <u>...</u>
Berikut contoh penggunaan nya :
<html> <head> <title>contoh penggunaan italic,bold dan underline</title> <head> <body> <h3> <i>Tulisan ini contoh dari penggunaan italic pada HTML</i> <b>Tulisan ini contoh dari penggunaan Bold pada HTML</b> <u>Tulisan ini contoh dari penggunaan Underline pada HTML</u> </h3> </body> </html>
hasil dari penggunaan Bold , italic dan underline di atas :