Modul Web

Chapter 1

HTML

(Hypertext Markup Language)

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:

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

. . .

Tag tidak case sensitive, jadi bisa digunakan atau keduanya menghasilkan output yang sama. Bentuk dari tag HTML sebagai berikut:

Element = nama tag

Attribute = atribut dari tag

Value = nilai dari atribut.

Contoh:

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.

LATIHAN WEBSITE

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
sesuai designnya berikut :

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 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 di dalam bagian ini biasanya dimuat tag

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 .

Contoh :

Author dari document tersebut adalah “arek lamongan”

Atribut http-equiv dapat di gunkan untuk meletakkan nama HTTP Server atribut untuk menciptakan HTTP header.

Contoh :

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 seperti pada contoh dibawah ini.

Contoh :

html

php