Pengertian Website Word Wibe Web Internet Dan Struktur HTML
LAIHAN MEMBUAT WEBSITE DENGAN PEMROGRAMAN HTML
LAIHAN MEMBUAT WEBSITE DENGAN PEMROGRAMAN HTML
World Wide Web
Internet merupakan jaringan global yang merupakan sumber daya informasi
dengan menghubungkan suatu network dengan network lainnya di seluruh dunia.
World Wide Web telah berkembang sangat pesat sejak kemunculannya diawal
tahun 1990 an. Semua perhatian public, baik dari media massa, bisnis,
pemerintah, ataupun perseorangan, tertuju kepada World Wide Web. Melihat daya
jangkauannya yang luar biasa, mereka pun mulai berlomba-lomba memanfaatkan
World Wide Web untuk memperlancar usahanya.
World Wide Web dibangun dari halaman web atau dikenal dengan home
page. Home page sendiri dibuat dengan menggunakan Hypertext Markup
Language (HTML). Tanpa HTML, tidak akan ada home page, dan tanpa home
page tidak akan ada World Wide Web. HTML merupakan pondasi dari World
Wide Web.
HTML merupakan format data yang digunakan untuk membuat dokumen
hypertext yang dapat dibaca dari satu platform komputer lainnya tanpa perlu
melakukan suatu perubahan apapun. Dokumen HTML sebenarnya merupakan
suatu dokumen teks biasa sehingga di platform apapun dokumen tersebut dapat
dibaca. Dokumen HTML disebut sebagai markup language karena mengandung
tanda-tanda tertentu yang digunakan untuk menentukan tampilan suatu teks dan
tingkat kepentingan dari teks tersebut dalam suatu dokumen.
Dengan sistem hypertext pada dokumen HTML, pengguna tidak harus
membaca suatu dokumen secara berurutan dari atas ke bawah, tetapi dapat menuju
ke topik tertentu secara langsung dalam dokumen dengan menggunakan teks
penghubung yang akan membawa kita ke suatu topik atau dokumen lain secara
langsung.
World Wide Web bekerja berdasarkan dengan tiga mekanisme, yaitu:
1. Protocol merupakan standard aturan yang digunakan untuk berkomunikasi
dengan komputer networking, protokol untuk World Wide Web adalah
Hypertex Transfer Protocol (HTTP).
2. Address, World Wide Web memiliki aturan penamaan alamat web yaitu URL
(Uniform Resource Locator) sebagai standard alamat internet.
3. HTML digunakan untuk membuat dokumen yang dapat diakses melalui web.
Sekilas Cara Kerja Web
Pada saat kita mengetikkan sesuatu alamat pada browser maka data akan
dilewatkan oleh suatu protocol HTTP melewati port 80 pada server. Alamat ini
adalah URL dari suatu situs yang mempunyai alamat yang unik di Internet. Web
Browser akan mengirimkan suatu aturan yang telah disepakati sebelumnya, aturan
ini biasa disebut sebagai protocol, standar protocol menggunakan TCP/IP, proses
ini dimulai dengan melakukan 3 way handshakes antara sumber dan tujuan. Web
browser, suatu aplikasi pada client yang akan menampilkan halaman web sites
dari internet. Web browser di install di sisi user (OS) menampilkan informasi ke
komputer dengan interpreting bahasa pengkodean HTML, dimana homepage
berisi gambar, suara, multimedia, dan resources lainnya yang dapat diakases. Files
Coding pada HTML memberikan datanya ke browser apa yang akan ditampilkan
ke sisi client. Isi HTML yang akan ditampilkan bukan dari browsernya tetapi dari
web servernya dan browser akan menginterpretasikan tag HTML untuk link ke
halaman berikutnya
Pengenalan HTML
Hypertext Markup Language merupakan bahasa standard yang digunakan
untuk menampilkan dokumen web. Hal-hal yang dapat dilakukan dengan
menggunakan HTML, yaitu:
1. Mengontrol tampilan web page dan content-nya
2. Mempublikasikan dokumen secara on-line sehingga dapat di akses dari
seluruh dunia
3. Membuat on-line form yang dapat digunakan untuk menangani pendaftaran,
transaksi secara on-line
4. Menambahkan objek-objek seperti image, audio, video dan java applet.
Perbedaan utama dokumen HTML dengan dokumen pada umumnya adalah
dokumen HTML memiliki elemen-elemen HTML beserta tag-tagnya.
Elemen HTML
Elemen HTML merupakan komponen penyusun suatu dokumen HTML.
Elemen ini dibagi atas 2 bagian utama, yaitu:
1. Elemen-elemen <HEAD> yang memberikan informasi tentang dokumen
tersebut
2. Elemen-elemen <BODY> yang menentukan bagaimana isi suatu dokumen
ditampilkan oleh browser.
Browser dan Editor
a. Browser
Browser merupakan software yang di install pada mesin client yang berfungsi
untuk meneterjemahkan tag-tag HTML menjadi halaman web. Browser yang
sering digunakan biasanya Internet Explorer, Netscape Navigator, Mozilla dan
Opera.
b. Editor
Editor adalah program yang digunakan untuk membuat dokumen HTML,
diantaranya MS FrontPage, Notepad, Macromedia DreamWeaver, EditPlus,
CuteHTML dan lain sebagainya.
Struktur script HTML :
<html>
<head>
--- bagian head ---
</head>
<body>
--- bagian body ---
</body>
</html>
Struktur Dasar HTML
HTML digunakan untuk membangun suatu halaman web. Banyak orang
menyebutnya sebagai suatu bahasa pemrograman, HTML sama sekali bukan
bahasa pemrograman, tapi merupakan bahasa markup (penandaan), terhadap
sebuah dokumen teks. Simbol markup yang digunakan oleh HTML ditandai
dengan tanda lebih kecil ( <) dan tanda lebih besar ( > ) , dan disebut tag.
Tag biasanya merupakan suatu pasangan, yang disebut tag awal dan tag akhir.
Tag awal dinyatakan dalam bentuk <nama_elemen> dan tag akhir dinyatakan
dalam bentuk </nama_elemen>. Ada beberapa macam bentuk tag yang dikenal
dalam HTML, yaitu :
1. Tag berpasangan
Format : <nama_elemen> teks </nama_elemen>
2. Tag tunggal
Format : <nama_elemen>
3. Tag yang disertai attribut
Format : <nama_elemen nama_attribut=argumen> teks </nama_elemen>
Atribut adalah properti dari suatu elemen HTML
HEAD
Bagian Head sebenarnya tidak harus ada pada dokumen HTML, tetapi pemakaian
head yang benar akan meningkatkan kegunaan suatu dokumen HTML. Isi bagian
head kecuali judul dokumen tidak akan terlihat oleh pembaca dokumen tersebut.
Elemen-elemen pada bagian head akan mengerjakan tugas-tugas sebagai berikut :
1 Menyediakan judul dokumen
2 Menjembatani hubungan antar dokumen
3 Memberitahu browser untuk membuat form pencarian
4Menyediakan metode untuk mengirim pesan ke tipe browser
Elemen yang mungkin terdapat pada bagian head :
1. Tag <TITLE>, digunakan untuk memberi judul dokumen.
Bentuk umumnya : <TITLE> Judul </TITLE>
2. Tag <BASE>, digunakan untuk menentukan basis URL sebuah dokumen.
Bentuk umumnya : <BASE HREF=”URL”>
Contoh :<BASE HREF=”//www.alamat.com/direktori”>
1. Tag <LINK>, digunakan untuk menunjukkan relasi antar dokumen HTML.
2. Tag <META>, digunakan untuk mendefinisikan informasi-informasi di luar HTML.
Penggunaan elemen <META> yang paling populer adalah penggunaan properti Keyword dan Description. Kedua properti ini sangat berguna untuk membantu
kerja search engine. Biasanya search engine akan menggunakan teks yang
disebutkan pada properti Keyword untuk mengindeks dokumen dan
menggunakan teks yang terdapat pada properti Description untuk
mendeskripsikan indeks tersebut.
BODY
Berfungsi untuk menyimpan informasi atau data yang akan ditampilkan dalam
web page. Bentuk Umum :
Bgcolor à latar belakang: warnaBackground à latar belakang: gambar
Format Dokumen HTML
1. <BR> : membuat baris baru, tidak memerlukan penutup </BR>
2. <P align=left|right|center |justify> : memulai paragaraf baru, tidak
memerlukan penutup </P>
3. <HR align=left|right|center width = ... size = ... noshade color = ... >
4. <Hn> : heading sebuah dokumen, nilai n berkisar antara 1 hingga 6.
5. <PRE> : membuat tampilan dokumen HTML pada browser sama dengan
tampilan padateks editor. Dengan tag <PRE>, maka tag <P> dan tag <BR>
tidak diperlukan lagi.
Latihan Membuat Website dengan HTML Pertama
Save dengan Website Pertama
<html>
<head>
<title>Penggunaan Pre</title>
</head>
<body bgcolor="cyan">
<h2>Ini adalah awal dari suatu paragraph lho</h2>
<p>Kalo ini adalah paragraph kedua.
<p>Nah ini nih paragrap terakhir.
<p align="left">
Teks dengan Align="left" akan diratakan pada margin
kiri.
<p align="center">
Teks dengan Align="center" akan diratakan pada margin
tengah.
<p align="right">
Teks dengan Align="right" akan diratakan pada margin
kanan.
<pre>
Teks ini mempergunakan s p a s i dan juga tombol ENTER
untuk
berpindah ke baris ini.
Asisten Status
=======================
Frans Single
Budi Single juga
Riyo Double, lho?
Chandra duda, he he he...
</pre>
</body>
</html>
maka akan menampilkan tampilan website seperti dibawah ini :
Sekian Postingan saya jika ada kurang lebihnya mohon maaf
Terimakasih Telah berkunjung Jangan lupa tinggalkan jejak dengan komentar dibawah ini