A. Pengenalan
Internet
Internet merupakan 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.
World Wide Web (WWW) merupakan bagian dari internet yang paling cepat
berkembang dan paling populer. 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 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, Mozila Firefox, Operra, Netscape Navigator
dan masih banyak yang lainya.
Editor
adalah Program yang di gunakan untuk membuat document HTML, ada banyak HTML
editor yang bisa anda gunakan diantaranya: Ms FrontPage, Dreamweaver, Notepad,
Editplus, dll.
Percobaan 1 : Basic Tag HTML
Tag-tag HTML
Perintah HTML biasanya disebut TAG, TAG
digunakan untuk menentukan tampilan dari document HTML.
<BEGIN TAG> </END TAG>
Contoh: Setiap document HTML di awali
dan di akhiri dengan tag HTML
(berpasangan).
<HTML>
</HTML>
Tapi tidak semua tag pembuka HTML
diakhiri dengan dengan tag penutupnya
contohnya <BR>,<HR> Tag tidak case sensitive, jadi anda bisa
gunakan <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=red>
BODY merupakan element, BGCOLOR(Background)
merupakan atribut yang memiliki nilai red.
Untuk memulai bekerja dengan HTML anda bisa gunakan editor NotePad atau editor
lainya. Caranya:
- Simpan dengan nama file Latihan1.htm atau Latihan1.html
- Buka dengan browser internet explorer file Latihan1.html maka
outputnya akan di tampilkan
seperti yang kalian lihat di computer kalian masing-masing.OK!
Percobaan 2 : Struktur HTML Document
Document HTML bisa di bagi menjadi tiga
bagian utama:
HTML
Setiap document 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 document 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. Selain itu
Bookmark juga mengunakan 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, dan lainyan pada tag
META.
Contoh:
<META name=”Author”
contents=”OK Banget”>
Author dari document tersebut adalah “OK Banget”
BODY
Document body di gunakan untuk menampilkan text, image, link
dan semua
yang akan di tampilkan pada web page.
Latihan
<html>
<head>
<title>Welcome to HTML</title>
</head>
<body bgcolor="gray">
Dokumen HTML
Kedua
<pre>Document HTML yang
Kedua
</pre>
</body>
</html>
No comments:
Post a Comment