THE PRINCESS PINK | official website of pink >> Tag-tag Dasar HTML

Tag-tag Dasar HTML

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 <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

Welcome

Welcome to theprincesspink.com
My oh so kawaii online diary.
Beautyful with Mozilla Firefox 1024x768

I'm Princess Pink And this is my official website. CuteSeventeen. Bali. Seorang cewek yang fanatik banget sama warna pink. Emo and SCENE lover. Berprofesi sebagai pelajar, model, penari, dan webdesigner gadungan. Anyway, thanks for visiting my lovely site. Comment are higly appreciated. Masih belum puas baca postingan pink? Baca my mini blog aja Lebih ngawur dan lebih jujur.

More about me?

BROWSE ME

Hot News

www.pink-host.com sekarang sudah berubah menjadi www.host-pink.com. Do check it and read the news! Ada promo loh...
2008-12-10

Yay!I have my own web hosting company!Check www.pink-host.com and host your site on it!There are some wonderful packages for you.Free n paid
2008-12-07

More updates...

Chit Chat

Silakan meninggalkan pesan di sini. NO SPAM ok?

Sponsor

The Recents

Entries

Aku Emang Bego, Tapi Aku Cerdik

Jupe, Bukan Julia Perez

Host Pink Overview

Support Indonesia to Win SEO World Cup

Kabar Gembira!

Stats