Desember 03, 2011

html


                                 HTML
 

A.  World Wide Web
Internet merupkan jaringan global yang menghubungkan suatu network dengan network lainya di seluruh dunia, TCP/IP  menjadi protocol penghubung antara jaringan-jaringan yang beragam di seluruh dunia untuk dapat berkomunikasi.
Dalam dunia internet kita sering mendengar kata WWW (World Wide Web) yang mempunyai definisi adalah salah satu fasilitas dimana kita dapat saling bertukar informasi di internet. Banyak orang berpendapat bahwa WWW adalah dunianya sedang internet adalah jaringannya. Protocol standard aturan yang di gunakan untuk berkomunikasi pada komputer networking, Hypertext Transfer Protocol (HTTP) adalah protokol untuk WWW.
WWW bekerja merdasarkan pada tiga mekanisme berikut:
·       Protocol standard aturan yang di gunakan untuk berkomunikasi pada computer networking, Hypertext Transfer Protocol (HTTP) adalah protocol untuk WWW.
·       Address WWW memiliki aturan penamaan alamat web yaitu URL (Uniform Resource Locator) yang di gunakan sebagai standard alamat internet.
·       HTML digunakan untuk membuat document yang bisa di akses melalui web.
B. Pengenalan HTML
Hypertext Markup Language merupkan standard bahasa yang di gunakan untuk menampilkan document web, yang bisa anda lakukan dengan HTML yaitu:
·       Mengontrol tampilan dari web page dan contentnya.
·       Mempublikasikan document secara online sehingga bisa di akses dari seluruh dunia.
·       Membuat online form yang bisa di gunakan untuk menangani pendaftaran, transaksi secara online.
·       Menambahkan object-object seperti image, audi, video  dan juga java applet dalam document HTML.
C. Browser dan Editor
Browser
Browser merupakan software yang di install di mesin client yang berfungsi untuk menterjemahkan tag-tag HTML menjadi halaman web. Browser yang sering di gunakan biasanya Internet Explorer, Netscape Navigator, Opera, Firefox dan masih banyak yang lainya.
Editor
Program yang di gunakan untuk membuat dokumen HTML, ada banyak HTML editor yang bisa anda gunakan diantaranya: Ms FrontPage, Dreamweaver, Notepad.


D. Tag-tag HTML
Command HTML atau yang biasanya disebut TAG, TAG digunakan untuk menentukan tampilan dari dokumen HTML.
Contoh:

<BEGIN TAG> </END TAG>

Setiap dokumen HTML di awali dan di akhiri dengan tag HTML.

<HTML>
. . .
</HTML>

Tag tidak case sensitive, jadi bisa digunakan <HTML> atau <html> keduanya 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 lavender. Untuk memulai bekerja dengan HTML kita  bisa gunakan editor Notepad atau editor lainya. Caranya:
1. Ketikkan tag-tag berikut di notepad.
<head>
  <title>Belajar Web</title>
</head>

<body bgcolor="lavender">
  <center>LATIHAN WEBSITE</center>
</body>
</html>
2.  Simpan dengan nama file perdana.htm atau perdana.html
3. Buka dengan browser internet explorer file perdana.htm atau perdana.html maka outputnya akan di tampilkan seperti gambar di bawah ini.


Struktur HTML Document.
Dokumen HTML bisa di bagi mejadi tiga bagian utama:
·            HTML
Setiap dokumen HTML harus di awali dan di tutup dengan tag HTML <HTML> </HTML> tag HTML memberi tahu browser bahawa yang di dalam kedua tag tersebut adalah dokument HTML.
·            HEAD
Bagian header dari document HTML di apit oleh tag <HEAD></HEAD> di dalam bagian ini biasanya dimuat tag <TITLE> yang menampilkan judul dari halaman pada titlenya browser.
Header juga memuat tag META yang biasanya di gunakan untuk menentukan informasi tertentu mengenai document HTML, anda bisa menentukan author name, keywords, dan lainyan pada tag <META>.
Contoh :

<meta name="author" description="arek lamongan" />

Author dari document tersebut adalah “arek lamongan”
Atribut http-equiv dapat di gunkan untuk meletakkan nama  HTTP Server atribut untuk menciptakan HTTP header.
Contoh :

<meta name="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 documents di cached, HTTP akan megetahui kapan untuk mengapdate document tersebut pada cache.

·            BODY
Dokument body di gunakan untuk menampilkan text, image link dan semua yang akan di tampilkan pada web page.
           
Basic HTML Element
1. List Item(LI)
List item di gunakan untuk mengelompokkan data baik berurutan (ordered list) maupun yang tidak berurutan (unordered list).
Ada tiga macam list yang bisa anda tambahkan ke dokument HTML:
1.1. Unordered List (Bullet) :
Ketikkan tag Unordered List (Bullet) di dalam tag <body></body> seperti pada contoh dibawah ini.
Contoh :

<ul>
  <li>html</li>
  <li>php</li>
</ul>


Tag
Attribute
Value
Description
<UL>
TYPE
SQUARE
DISC
CIRCLE
Bullet Kotak
Bullet Titik
Bullet Lingkaran

1.2. Ordered List (Numbering)
Ketikkan tag Ordered List (Numbering) di dalam tag <body></body> seperti pada contoh dibawah ini.

Contoh:
<ol start="1" type="I">
  <li>Hari Pertama</li>
     <ol type="a">
        <li>Introduction to HTML</li>
     </ol>
   <li>Hari ke Dua</li>
<ol type="A">
   <li>Creating table</li>
</ol>

1 komentar: