Materi Pemrograman WEB

HYPERTEXT MARKUP LANGUAGE (HTML)

By.Bahan Ajar TKJ SMK Negeri 4 Baubau

Di dalam desain web, tidak akan bisa lepas dengan yang namanya HTML (Hypertext Markup Language). HTML adalah bahasa standar yang digunakan untuk menyusun/membangun suatu halaman web. Meskipun telah muncul software-software yang dapat digunakan untuk membangun suatu halaman web tanpa susah-susah memperhatikan struktur HTML-nya, tidak ada salahnya kalau HTML itu sendiri dipelajari. Manfaat yang diperoleh apabila mempelajari HTML selain mampu membangun halaman web, juga dapat dikembangkan untuk pemrograman web. Pemrograman web akan selalu terkait dengan HTML tersebut. Pemrograman web biasanya dikembangkan untuk membangun web yang dinamis. Setiap homepage yang dikunjungi, pasti bisa dijumpai HTML-nya yang selanjutnya disebut SOURCE.

A. Struktur HTML

Bahasa HTML (tag) dapat ditulis/dibuat melalui berbagai macam word editor, misalnya Notepad, Wordpad, PHP Designer 2005, dll. Tag-tag tersebut dapat dituliskan dengan huruf besar ataupun huruf kecil. Setelah tag HTML ditulis dengan menggunakan Notepad atau word editor yang lain, simpanlah file tersebut dengan format file nama_file.htm atau nama_file.html Sebagai contoh, file HTML tersebut disimpan dengan nama index.htm atau index.html Adapun struktur HTML adalah sbb:

< html > < head > < title >................< / title > < / head > < body > .................. < / body >

Keterangan: Tag HTML secara default dimulai dari < html > dan diakhiri dengan < / html >. Tag < head > … < / head > merupakan tag kepala sebelum badan. Tag kepala ini akan terlebih dulu dieksekusi sebelum tag badan. Di dalam tag ini berisi tag dan < title >. Tag < meta > merupakan informasi atau header suatu dokumen HTML. Atribut yang dimiliki oleh tag ini antara lain:

- HTTP_EQUIV, atribut ini berfungsi untuk menampilkan dokumen HTML secara otomatis dalam jangka waktu tertentu. - CONTENT, atribut ini berisi informasi tentang isi document HTML yang akan dipanggil. - NAME, atribut ini merupakan identifikasi dari meta itu sendiri.

Tag < meta > dalam suatu document HTML boleh ada maupun tidak. Sedangkan tag < TITLE > .......< / title > adalah tag judul. Sebaiknya setiap halaman web memiliki judul, dan judul tersebut dituliskan di dalam . < title > ......< / title >. Judul ini akan muncul dalam titlebar dari browser.

- Sedangkan tag … adalah tag berisi content dari suatu halaman web. Setelah tag tersebut di atas ditulis, simpan dalam format .htm atau .html ( misal index.htm ) akan tetapi terlebih dahulu ubah Save as type ke dalam All Files. Kemudian tentukan letak direktori mana file tersebut akan disimpan, selanjutnya klik Save. Selanjutnya document HTML tersebut dipanggil dengan browser untuk melihat hasilnya. Dari tampilan pada browser di atas, dapat terlihat bahwa apa yang ditulis pada < title > .....< / title > akan muncul pada titlebar browser dan apa yang ditulis pada < body > .......< / body > akan muncul pada halaman web.

Untuk selanjutnya, kita hanya akan memperhatikan tag-tag yang ada di dalam BODY karena bentuk tampilan/desain web tergantung pada tag yang ditulis di dalam < body >....< / body >.

Untuk mempelajarai lebih lanjut tentang Pemrograman WEB Klik disini Belajar Pemrograman WEB
Belajar bahasa pemrograman web ternyata mudah juga :)

Soal UTS ganjil Tahun Pelajaran 2016

1. Kepanjangan dari HTML adalah HyperText Markup Language kenapa dikatakan HyperText Markup Language Jelaskan menurut anda

2. Untuk dapat diakses oleh program Web Server, ekstensi apa yang harus dipakai......

3. Tempat untuk mendaftarkan alamat domain adalah......

4. Pemograman HTML merupakan suatu pemograman web yang berbentuk Kode/tag awal yang memberikan identitas bahwa sebuah web page dibuat dengan pemograman HTML adalah.......

5. Setiap akhir penulisan sintak pada kode/tag HTML untuk dokumen HTML diakhiri dengan tanda.......... <>