Tag-tag Dasar HTML
Saturday, July 28, 2007

Seperti yang telah dijelaskan di atas, tag-tag dasar HTML dibagi menjadi dua bagian. Bagian tersebut adalah head dengan tag <head> dan bagian body dengan tag <body>. Dalam ke dua bagian ini terdapat beberapa elemen yang biasanya diletakkan seperti tag <title> yang akan mendifinisikan nama/ title dari sebuah web/ dokumen HTML. Misalnya: <title> website bagus gitu loh </title>.

Sedangkan pada elemen body juga terdapat banyak elemen yang akan disisipkan untuk melengkapi sebuah web/ dokumen HTML. Seperti misalnya penggunaan elemen paragraf yang dituliskan dengan tag <p>. Tag ini mendefinisikan pergantian paragraph. Tag ini tidak diharuskan berpasangan/ tidak diharuskan untuk menuliskan tag akhir atau </p>. Selain itu elemen body juga memiliki elemen heading. Heading berfungsi untuk memberi judul dalam bagian-bagian dokumen. Heading biasanya dituliskan dengan tag <h1> s.d <h6> dan diakhiri dengan </h1> s.d </h6>.

Berikut penjelasan mengenai tag-tag dasar html:

a. HTML
Tag ini mendefinisikan bahwa dokumen ini adalah dokumen HTML. Setiap dokumen HTML harus menuliskan tag ini sebagai tag pertama di dalam suatu dokumen HML. HTML diawali dengan penulisan tag <html> dan diakhiri dengan tag </html>.

b. Head
Tag ini berisi informasi tentang web/ dokumen HTML seperti title dari dokumen HTML tersebut yang kemudian akan ditampilkan. Head diawali dengan penulisan tag <head> dan diakhiri dengan tag </head>.

c. Title
Tag ini berfungsi memberikan keterangan nama dari sebuah dokumen HTML yang akan
ditampilkan di caption bar. Tag ini diawali dengan penulisan tag <title> dan diakhiri dengan tag </title>. Rumus: <title> ... </title>

Keterangan: '...' bisa diganti dengan judul/ title web/ nama dokumen HTML.

d. Body
Tag ini adalah bagian utama sekaligus bagian terbesar dalam suatu dokumen HTML yang berisi isi dari dokumen HTML tersebut. Tag ini biasanya diawali dengan penulisan tag <body> dan diakhiri dengan tag </body>.

d. Heading
Heading merupakan tag yang berfungsi untuk memberikan judul dari bagian-bagian yang terdapat dalam suatu dokumen HTML. Tag ini biasanya terdiri dari <h1> s.d <h6>

Tag <h1> mendefinisikan heading yang paling besar, sedangkan tag <h6> mendefinisikan tag yang paling kecil.

Berikut rumus penulisan tagnya:
<h1> heading 1 </h1>
<h2> heading 2 </h2>
<h3> heading 3 </h3>
<h4> heading 4 </h4>
<h5> heading 5 </h5>
<h6> heading 6 </h6>
Masing-masing mempunyai judul yang berbeda sesuai dengan isi dari dokumen html. Heading ini biasanya akan menampilkan tulisan yang lebih tebal atau besar.

e. Paragraf
Didefinisikan dengan tag <p> dan </p>. Tag ini berfungsi memberi paragraph baru dalam suatu dokumen HTML. Tag ini tidak harus berpasangan.

Berikut rumus penulisan tagnya:

<p> ini adalah paragraf</p>
<p> ini adalah paragraf lainnya</p>
f. Line Break
Tag ini berfungsi untuk membuat garis baru tanpa dimulai dengan paragraf baru. Penulisan tag adalah <br>. Tag ini adalah tag kosong jadi tidak harus berpasangan. Karena jika untuk membuat garis baru disertai dengan tag akhir maka otomatis akan membentuk suatu paragraf. Definisi <br></br> sama dengan &lt;p>

Berikut rumus penulisan tagnya:
Ini adalah <br>tag line break<br>

Atau bisa ditulis dengan:
Ini adalah
<br>
tag line break
<br>

Maka tampilan yang akan muncul di browser adalah seperti ini:
Ini adalah
tag line break

Daftar tag-tag dasar HTML

Berikut tag dan definisinya:

<html> : Menunjukkan dokumen tersebut adalah dokumen HTML
<head> : Berisi informasi tentang dokumen HTML
<title> : Berisi nama/ title dari dokumen HTML yang ditampilkan di caption bar
<body> : Isi dari dokumen HTML
<h1> to <h6> : Judul dari setiap bagian yg terdapat pada dokumen HTML
<p> : Membentuk paragraf baru dalam dokumen HTML
<br> : Membentuk garis baru tanpa dimulai dengan paragraf

Labels:






WARNING!
Please don't copy-pasting all content of this weblog!

Dilarang keras mengcopy-paste seluruh konten yang ada di weblog ini.
Better you read the disclaimer first!

FOOT PRINTS

Leave your message here!


Enter my guestroom!

I'll not respond your message if you give me a crazy thing. Spaming to this chatterbox seem as you poke me!! Well, any spam will be deleted/ banned!


YAY!!





photoshop fan