Alles über Informatik-Ingenieurwesen

Senin, 30 Agustus 2010

Dasar-dasar WEB dangan HTML dan contoh sederhananya



HTML kepanjangan dari Hyper Teks Markup Language merupakan bahasa gabungan antara teks dan informasi tambahan mengenai teks tersebut. HTML merupakan dokumen dasar yang digunakan untuk mendesain halaman web.

Software yang perlu disiapkan untuk pembuatan WEB sederhana sebagai berikut :

  1. Web Server (xxamp,wamp,dll)

  2. Web Browser(mozila firefox,internet explorer,flok, dll)

  3. Editor Teks (notepad,notepade++,dreamweaver,word,dll)

  4. HTML Validator (add-on pada firefox)

Struktur dasar WEB Page

Syarat perlu mempelajari suatu bahasa pemrograman adalah mengetahui Strukturnya. Program/dokumen HTML terdiri dari Kepala Program/Dokumen dan Badan Program/Dokumen dengan bentuk sbb:

Tag html

Berikut ini contoh penulisan html sederhana dengan menggunakan tag :

Homepage Pribadi

</span></span></p> <p style="margin-bottom: 0cm; line-height: 100%;" align="JUSTIFY"> <span style="font-family:Calibri, sans-serif;"><span style="font-size: 11pt;font-size:85%;">Homepage Pribadi</span></span></p> <p style="margin-bottom: 0cm; line-height: 100%;" align="JUSTIFY"> <span style="font-family:Calibri, sans-serif;"><span style="font-size: 11pt;font-size:85%;">

Hasilnya dapat dilihat di Web browser, seperti gambar dibawah:


Contoh Kasus

1. Buat halaman web sederhana yang melibatkan elemen teks,garis,warna, dan gambar dan garis tepi atau border dan halaman utama dengan latar belakang sembarang???

Langkah pembuatan
  1. Ketik tag dan isinya pada editor teks(notepad)

2. Save (simpan) dalam extensi (.html)


3. Setelah tersimpan buka web server yang telah anda instal misal: wamp masuk ke localhost lalu tekan enter. Tampilan seperti gambar dibawah:


4. Cari folder pertemuan 1 yang ada buat tadi lalu klik


5. Maka hasil akan sesuai dengan format tulisan yang kita buat.


--Selamat Mencoba--