Dasar Web Programming (1)
1.1 Cara Kerja WWW
Ketika kita mengunjungi sebuah situs katakanlah, google.com, ada sebuah proses "dibalik layar"
yang tidak anda ketahui. Proses tersebut cukup kompleks namun, jika digambarkan dalam sebuah
diagram sederhana kurang lebih akan seperti berikut:
Gambar 1.1: Cara kerja WWW
Secara kronologis urutan proses pada diagram diatas adalah:
1. User membuka alamat website pada browser
2. Browser mengirim HTTPRequest
ke server
3. Server merespon HTTPRequest
dari browser
4. Server mengirim HTTPResponse
ke browser
5. Browser menampilkan halaman website kepada user
1.2 HTML
HTML/XHTML merupakan format tampilan yang digunakan untuk menampilkan halaman website.
HTML terdiri dari simbolsimbol
tertentu yang sering disebut dengan tag. Sebuah halaman website
yang valid selalu diapit tag <html></html>. File HTML umumnya memiliki akhiran *.htm atau
*.html.
Tagtag
pada HTML selalu diawali dengan <x>...</x>, dimana x tag HTML seperti <strong>, <p>,
<div>, dan lainlain.
Dibawah ini adalah tabel beberapa tag HTML yang sering digunakan.
1.User membuka alamat website pada browser
2.Browser mengirim HTTPRequest
ke
server
3.Server merespon HTTPRequest
dari
browser
4.Server mengirim HTTPResponse
ke
browser
5.Browser menampilkan halaman website kepada user
1.2
HTML
HTML/XHTML
merupakan format tampilan yang digunakan untuk menampilkan halaman website.
HTML
terdiri dari simbolsimbol
tertentu
yang sering disebut dengan tag. Sebuah halaman website
yang
valid selalu diapit tag <html></html>. File HTML umumnya memiliki
akhiran *.htm atau
*.html.
Tagtag
pada
HTML selalu diawali dengan <x>...</x>, dimana x tag HTML seperti
<strong>, <p>,
<div>,
dan lainlain.
Dibawah
ini adalah tabel beberapa tag HTML yang sering digunakan.
Tag HTML | Keterangan |
<html></html> | Tag untuk mengapit halaman HTML |
<head></head> | Tag yang berisi informasi umum dari halaman |
<title></title> | Judul Halaman * |
<body></body> | Akan ditampilkan di browser |
<style></style> | Untuk CSS * |
<strong></strong> | Untuk menebalkan teks |
<div></div> | Untuk membuat layer |
<a></a> | Untuk membuat hyperlink |
<p></p> | Untuk membuat paragraf |
<hn></hn> | Untuk membuat header ** |
<span></span> | Untuk inline style (manipulasi teks) |
Keterangan
:
*
Tag tersebut harus berada didalam tag <head>...</head>
** n dapat berupa
angka dari 1 – 5, contoh <h1>...</h1>
