BAB I
HTML dan World Wide Web
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:
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.
Penerapan Teori HTML
1.
Buka editor anda (gedit(Linux), Notepad++(Windows), dsb))
2.
Ketik kode berikut:
1.
<html>
2.
<head>
3.
<title>
Website Pertamaku
</title>
4.
</head>
5.
<body>
6.
<h1>
Hello F**king World!!
</h1>
7.
</body>
8.
</html>
3.
Simpan pada dengan nama helloworld.html
4.
Buka browser anda(Firefox, IE, dsb) dan buka file yang baru saja anda buat.
1.3 Manipulasi Font
Untuk memanipulasi font kita akan menggunakan
inline style/CSS
(akan dibahas dibagian
berikutnya). Kita tidak akan menggunakan tag <font> karena tag ini sudah “kuno” alias deprecated.
W3C sebagai pengembang HTML sudah tidak menyarankan untuk menggunakan tag font lagi.
Sebagai gantinya digunakan tag <span> dan inline style. Inline style adalah attribut style yang
diberikan pada sebuah tag HTML. Contoh, untuk membuat tampilan teks tebal gunakan cara
berikut:
<span style=”fontweight:bold”>Aku adalah teks tebal</span>
Tidak ada komentar:
Posting Komentar