Monday, June 14, 2010

Tutorial HTML-2 (ateonsoft.com/ayomaju.com)

HTMLMelanjutkan artikel
tutorial HTML Lengkap 1, akan saya bahas bagian-bagian dokumen HTML dan
tag-tag yang digunakan, serta saya sertai contoh. Artikel sejenis sudah saya siapkan sampai 10 artikel, semoga bisa diteruskan sampai 100, eh habis ya materinya kalau sampai 100 artikel.

II. tag-tag HTML

Command HTML biasanya disebut TAG, TAG digunakan untuk
menentukan tampilan dari document HTML. TAG selalu ditulis sebagai pembuka dan
penutup setiap bagian dengan format penulisan:

<BEGIN TAG> </END TAG>
Contoh: Setiap document HTML di awali dan di akhiri dengan tag HTML
<HTML>
. . .
<HTML>

Tag tidak case sensitive, jadi anda bisa gunakan huruf besar (huruf

kapital) maupun huruf kecil atau
keduanya dan akan menghasilkan output yang sama.
Bentuk dari tag HTML sebagai berikut:
<ELEMENT ATTRIBUTE = value>
Element: nama tag

Attribute: atribut dari tag

Value: nilai dari atribut

Contoh:

<BODY BGCOLOR="lavender">

BODY merupakan element, BGCOLOR(Background) merupakan atribut yang memiliki nilai(value) lavender. Untuk
memulai bekerja dengan HTML anda bisa gunakan editor Note Pad atau editor
lainya.

III. Struktur HTML Document

Dokumen HTML bisa di bagi mejadi tiga bagian utama: Yaitu tag HTML, Head, dan
Body.

HTML

Setiap document HTML harus di awali dan di tutup dengan tag HTML
<HTML></HTML>
tag HTML memberi tahu browser bahwa yang di dalam kedua tag
tersebut adalah document HTML.

HEAD

Bagian header dari document HTML diapit oleh tag <HEAD></HEAD> di dalam bagian ini biasanya dimuat tag TITLE yang menampilkan judul
dari halaman pada titlenya browser.

Selain itu Bookmark juga megunakan tag TITLE untuk memberi mark
suatu web site. Browser menyimpan �titile� sebagai bookmark dan juga
untuk keperluan pencarian (searching) biasanya title di gunakan sebagai
keyword.

Header juga memuat tag META yang biasanya di gunakan untuk
menentukan informasi tertentu mengenai document HTML, anda bisa
menentukan author name, keywords, description dan lainnya pada tag META ini. Geo
tag juga diletakkan dibagian ini. Contoh penulisan meta tag seperti dibawah ini:
<META name=�Author� contents=�Albri�>

Author dari document tersebut adalah "Albri". Atau bisa juga memberi atribut
http-equiv yang digunakan untuk meletakkan nama HTTP
Server atribut untuk menciptakan HTTP header. Contoh:

<META http-equiv="Expires" content="Wed, 7 May
2003 20:30:40 GMT">
yang akan menciptakan HTTP header :

Expires: Wed, 7 May 2003 20:30:40 GMT

Sehingga jika dokumen di cached, HTTP akan mengetahui kapan untuk
mengapdate dokumen tersebut pada cache.

BODY

Dokumen BODY di gunakan untuk menampilkan text, text link, image link, flash dan
semua yang akan di tampilkan pada web page. Sehingga jika dituliskan secara
sederhana dari bagian lengkap HTML seperti dibawah ini:

<html>
<head>
<title>Welcome to HTML</title>
</head>
<body bgcolor="lavender">
<p>Document HTML yang Pertama</p>
</body>
</html>

Cukup sekian dulu Tutorial HTML Lengkap 2, tutorial selanjutnya akan ditulis dalam

Tutorial HTML Lengkap 3, Happy bloging...

feed dari situs: http://www.ateonsoft.com
at

No comments:

Post a Comment