11 November 2009

Perkenalan HTML

Elemen - elemen HTML

Dokumen HTML terdiri dari File Text yang dibuat dengan berbagai elemen (unsur/dasar) HTML.

Elemen-elemen HTML didefenisikan dengan menggunakan berbagai Tag


Tag-tag HTML



  • Tag HTML digunakan untuk memberikan tanda pada elemen HTML

  • Tag HTML diapit oleh tanda dengan dua buah karakter < and >

  • Diantara dua karakter yang diapit disebut sebagai “angle brackets”

  • Biasanya Tag HTML terdiri dari sepasang tanda seperti <b> dan </b>

  • Tag yang pertama dari pasangan tersebut adalah “start tag”, dan yang kedua adalah “end tag”.

  • Tulisan (text) diantara start dan end tags adalah “element content”.

  • Tag HTML tidak mempermasalahkan huruf besar atau kecil <b> artinya sama dengan <B>


Elemen- elemen HTML


Contoh Membuat Halaman HTML :






<html>
<head>
<title>Judul page</title>
</head>
<body>
Tulis isi halaman html di dalam tag body.
<b>Tulisan ini menggunakan bold</b>
</body>
</html>

Ini contoh elemen HTML :






<b>Tulisan ini menggunakan bold</b>

 

Elemen HTML dimulai dengan sebuah start tag: <b>

Content atau Isi dari elemen HTML adalah: Tulisan ini menggunakan bold

Elemen HTML diakhiri dengan sebuah end tag: </b>

Kegunaan dari tag <b> adalah untuk mendefenisikan sebuah elemen HTML supaya mendisplaykannya sebagai tulisan tebal (bold).

Ini juga sebuah elemen HTML:






<body>
Tulis isi halaman html di dalam tag body.
<b>Tulisan ini menggunakan bold</b>
</body>

Elemen HTML dimulai dengan sebuah start tag: <body> dan diakhiri dengan sebuah end tag: </body>

Kegunaan dari tag <body> adalah untuk mendefenisikan sebuah elemen HTML bahwa dianya (tubuhnya) mengandung dokumen HTML.


Mengapa kita menggunakan tag dengan huruf kecil ?


Diatas kita menyebutkan Tag HTML tidak mempermasalahkan huruf besar atau kecil <b> artinya sama dengan <B>.

Bila Anda mengamati Web, Anda akan memberikan catatan bahwa kebanyakan contoh menggunakan tag dengan huruf besar. Kita selalu menggunakan huruf kecil , mengapa?

Bila kita mempersiapkan diri untuk generasi HTML yang berikutnya, maka kita harus membiasakan diri dengan menggunakan tag dengan huruf kecil. World Wide Web Consortium (W3C) merekomendasikan huruf kecil untuk HTML4 dan juga untuk XHTML (generasi berikutnya dari HTML)


Atribut-atribut (lambang) Tag


Tag dapat memiliki atribut. Atribut dapat memberikan informasi tambahan tentang elemen HTML pada page Anda.

Tag ini mendefenisikan elemen body dari page HTML Anda: <body>. Dengan menambahkan sebuah atribut bgcolor, Anda dapat memberitahukan Browser, bahwa warna latar belakang (background color) dari page Anda akan diubah menjadi merah seperti : <body bgcolor="red">.

Tag ini mendefenisikan sebuah tabel HTML : <table>. Dengan menambahkan sebuah atribut border(batas), Anda dapat memberitahukan Browser, bahwa tabel dibuat tanpa tanda: <table border=”0”>


Atribut selalu dibuat dalam bentuk pasangan seperti ini : name=”value”.

Atribut selalu ditambahkan pada bagian start tag dalam sebuah elemen HTML.


Bentuk tanda kutip “red” atau ‘red’ ?


Nilai atribut selalu diapit oleh dua tanda kutip. Biasanya digunakan tanda kutip ganda ( ) tetapi yang single ( ) pun dapat digunakan.


Pada beberapa kondisi tertentu (janggal), seperti bila nilainya sendiri memiliki tanda kutip, biasanya kita gunakan tanda kutip tunggal, seperti contoh dibawah ini :

Name=’Zaky “beragama” Islam’.


Sampai disini dulu yah besok kita sambung dengan judul "Dasar-Dasar Tag HTML".... Selamat Mencoba

Penting: Untuk penulisan kade HTML menggunakan Notepad dan simpan dengan nama "namafile.html"


No comments:

Post a Comment

Silahkan ketik kritik dan saran sahabat untuk saya di sini.