PRAKTIK-1 PEMROGRAMAN WEB Hyper text Markup Language
advertisement
PRAKTIK-1 PEMROGRAMAN WEB Hyper text Markup Language (HTML) adalah bahasa dari World Wide Web (www) yang dipergunakan untuk menyusun dan membentuk dokumen agar dapat ditampilkan pada program browser. Tiap kali kita mengakses dokumen web, maka sesungguhnya kita mengakses dokumen seseorang yang ditulis dengan menggunakan format HTML. Jadi HTML itu sendiri merupakan protokol yang digunakan untuk mentransfer data atau dokumen dari web server ke browser. HTML inilah yang menjadi dasar bila akan menjelajah internet dan melihat halaman web yang menarik. HTML menentukan dua fungsi: 1. Membentuk tata letak dokumen, dalam hal ini menentukan jenis huruf, gambar, dan komponen dokumen lainnya. 2. Menentukan hubungan ke dokumen lain, HTML merupakan suatu bahasa komputer yang termasuk dalam kategori SGML (Standard Generalized Markup Language) di mana bentuknya merupakan file standar ASCII yang verisi kode-kode untuk mengatur dokumen. HTML menetapkan suatu set berupa tag-tag yang mengenalkan struktur dan tipe isi (content) berupa: • Tag tertutup < > Contoh: <img scr=”gambar.gif”/> • Dan berpasangan, dengan tanda permulaan dan akhiran Contoh: <title>judul HTML</title> Tag adalah kode atau simbol yang digunakan untuk meletakkan perintah HTML. Sebagian besar kode HTML terletak di antara tag kontainer. Yaitu diawali dengan <namatag> dan diakhiri dengan </namatag>. Awal nama tag ditandai dengan awalan kurung siku ‘lebih kecil’ (<) dan akhiran tag berupa kurung siku ‘lebih besar’ (>). Perlu diingat untuk awal nama tag tidak menggunakan tanda “ / ” sedangkan pada akhir nama tag harus menggunakan tanda “ / “. Sintaks tag yang berpasangan: <namatag> … </namatag> Tanda titik-titik (…) memuat elemen isi (content) tag. Penulisan nama tag bersifat non-sensitive-case, yaitu tidak membedakan atau antara huruf besar dan huruf kecil (dianggap sama). Contoh: <html> <HTML> <head> <HEAD> <title>judul latihan HTML</title> <Title>judul latihan HTML</TITLE> </head> </HEAD> <body> <BODY> Selamat belajar HTML Selamat belajar HTML </body> </BODY> </html> </HTML> TUGAS: a. Carilah nama-nama tag dan fungsinya dari berbagai sumber (Sudah anda kerjakan pada tugas minggu lalu). b. Gunakan aplikasi “Notepad” untuk mengerjakan tugas ini. c. Gunakan beberapa tag untuk membuat page seperti contoh gambar yang sesuai dengan selera Anda. d. Curahkan kemampuan dan imajinasi Anda dalam mengerjakan tugas ini. e. Hasil praktik dikumpulkan dalam format tercetak dan elektronik selambatnya hari Jumat, 4 Maret 2016 melalui Komting. • Format elektronik dikompilasi dalam satu keping CD. • Penamaan file elektronik: “Tugas PW1-NIM-Nama Mahasiswa” PERHATIKAN UKURAN DAN KETEBALAN FONT DARI SETIAP TEKS GARIS GARIS WARNA FONT PADA SETIAP TEKS SESUAIKAN DENGAN KEINGINAN ANDA Selamat Mengerjakan ! PRAKTIK PEMROGRAMAN WEB (PRAKTIK) Nama NIM Kelas : : : Praktik ke : Hari / Tanggal : Paraf Dosen :