Pemrograman Web PG117 – 3 SKS
PEMROGRAMAN WEB – PG117 - 3 SKS PERTEMUAN - 1 PENGENALAN (X)HTML FAKULTAS TEKNOLOGI INFORMASI PEMROGRAMAN WEB – PG117 - 3 SKS
PEMROGRAMAN WEB – PG117 - 3 SKS HTML HTML kependekan dari Hypertext Markup Language. HTML dieksekusi oleh browser dan bukan di server. HTML tags tidak case sensitive. Kebanyakan perintah HTML memiliki tag pembuka dan penutup. Biasakan selalu menutup tag yang membutuhkan tag penutup Kebanyakan tag HTML memiliki atribut yang dapat digunakan untuk setting Undefined tags akan diabaikan oleh browser dan tidak ditampilkan FAKULTAS TEKNOLOGI INFORMASI PEMROGRAMAN WEB – PG117 - 3 SKS
PEMROGRAMAN WEB – PG117 - 3 SKS XHTML XHTML kependekan dari eXtensible Hypertext Markup Language, pada dasarnya adalah HTML 4.0 dengan aturan yang lebih strict. Secara umum HTML and XHTML sama Perbedaan paling penting adalah semua tag XHTML harus ditulis dalam huruf kecil, sedangkan tag HTML tidak case sensitive FAKULTAS TEKNOLOGI INFORMASI PEMROGRAMAN WEB – PG117 - 3 SKS
PEMROGRAMAN WEB – PG117 - 3 SKS Minimal HTML FAKULTAS TEKNOLOGI INFORMASI PEMROGRAMAN WEB – PG117 - 3 SKS
PEMROGRAMAN WEB – PG117 - 3 SKS <!DOCTYPE> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Tag <!DOCTYPE> mengindikasi Web Server type dokumen yang akan diparsing Di atas dapat digunakan untuk HTML dan XHTML Harus diletakkan paling atas dokumen Satu-satunya tag yang menggunakan uppercase pada dokumen XHTML FAKULTAS TEKNOLOGI INFORMASI PEMROGRAMAN WEB – PG117 - 3 SKS
PEMROGRAMAN WEB – PG117 - 3 SKS <html> FAKULTAS TEKNOLOGI INFORMASI PEMROGRAMAN WEB – PG117 - 3 SKS
PEMROGRAMAN WEB – PG117 - 3 SKS <head> FAKULTAS TEKNOLOGI INFORMASI PEMROGRAMAN WEB – PG117 - 3 SKS
PEMROGRAMAN WEB – PG117 - 3 SKS <title> FAKULTAS TEKNOLOGI INFORMASI PEMROGRAMAN WEB – PG117 - 3 SKS
PEMROGRAMAN WEB – PG117 - 3 SKS <body> FAKULTAS TEKNOLOGI INFORMASI PEMROGRAMAN WEB – PG117 - 3 SKS
PEMROGRAMAN WEB – PG117 - 3 SKS komentar Tag komentar digunakan untuk mendokumentasikan kode Tag ini digunakan untuk menambahkan komentar dan tidak akan ditampilkan oleh browser <!– isi komentar --> FAKULTAS TEKNOLOGI INFORMASI PEMROGRAMAN WEB – PG117 - 3 SKS
PEMROGRAMAN WEB – PG117 - 3 SKS Atribut Tag Atribut tag digunakan untuk mengontrol color, size, width, height, dll. Jika tidak disetting maka yang digunakan adalah nilai default Nilai default tergantung dari browser, bisa berbeda antara browser satu dengan lainnya atau versinya Beberapa browser memiliki nilai default sendiri (text color, text size, link color, background color, dll) FAKULTAS TEKNOLOGI INFORMASI PEMROGRAMAN WEB – PG117 - 3 SKS
PEMROGRAMAN WEB – PG117 - 3 SKS quotes Quote digunakan untuk mengapit nilai atribut Untuk HTML quote diperlukan hanya jika nilai dari atribut mengandung karakter khusus atau spasi Misal: color = “blue” border = “1” width = “100” FAKULTAS TEKNOLOGI INFORMASI PEMROGRAMAN WEB – PG117 - 3 SKS
Background dan Warna Text Tag <body> memiliki atribut yang dapat digunakan untuk merubah background dan warna text Atribut bgcolor digunakan untuk merubah warna background Atribut text digunakan untuk merubah warna text dari dokumen FAKULTAS TEKNOLOGI INFORMASI PEMROGRAMAN WEB – PG117 - 3 SKS
PEMROGRAMAN WEB – PG117 - 3 SKS bgcolor, text FAKULTAS TEKNOLOGI INFORMASI PEMROGRAMAN WEB – PG117 - 3 SKS
PEMROGRAMAN WEB – PG117 - 3 SKS Line break FAKULTAS TEKNOLOGI INFORMASI PEMROGRAMAN WEB – PG117 - 3 SKS
PEMROGRAMAN WEB – PG117 - 3 SKS Preformatted Text FAKULTAS TEKNOLOGI INFORMASI PEMROGRAMAN WEB – PG117 - 3 SKS
PEMROGRAMAN WEB – PG117 - 3 SKS Preformatted Text Tag FAKULTAS TEKNOLOGI INFORMASI PEMROGRAMAN WEB – PG117 - 3 SKS
PEMROGRAMAN WEB – PG117 - 3 SKS Paragraph FAKULTAS TEKNOLOGI INFORMASI PEMROGRAMAN WEB – PG117 - 3 SKS
PEMROGRAMAN WEB – PG117 - 3 SKS Heading FAKULTAS TEKNOLOGI INFORMASI PEMROGRAMAN WEB – PG117 - 3 SKS
PEMROGRAMAN WEB – PG117 - 3 SKS FAKULTAS TEKNOLOGI INFORMASI PEMROGRAMAN WEB – PG117 - 3 SKS
PEMROGRAMAN WEB – PG117 - 3 SKS Horizontal Rules FAKULTAS TEKNOLOGI INFORMASI PEMROGRAMAN WEB – PG117 - 3 SKS
PEMROGRAMAN WEB – PG117 - 3 SKS Atribut <hr /> Tag <hr /> memiliki atribut: width, digunakan untuk mengontrol lebar, nilainya bisa pixel atau persen size, digunakan untuk mengontrol ketebalan garis dalam pixel FAKULTAS TEKNOLOGI INFORMASI PEMROGRAMAN WEB – PG117 - 3 SKS
PEMROGRAMAN WEB – PG117 - 3 SKS width FAKULTAS TEKNOLOGI INFORMASI PEMROGRAMAN WEB – PG117 - 3 SKS
PEMROGRAMAN WEB – PG117 - 3 SKS size FAKULTAS TEKNOLOGI INFORMASI PEMROGRAMAN WEB – PG117 - 3 SKS
PEMROGRAMAN WEB – PG117 - 3 SKS width dan size FAKULTAS TEKNOLOGI INFORMASI PEMROGRAMAN WEB – PG117 - 3 SKS
PEMROGRAMAN WEB – PG117 - 3 SKS Text Alignment Atribut untuk perataan adalah align Nilainya : left / center / right Dapat digunakan pada tag paragraph <p>, tag heading <h> maupun tag horizontal rules <hr /> Tag <center> digunakan untuk membuat perataan secara tengah FAKULTAS TEKNOLOGI INFORMASI PEMROGRAMAN WEB – PG117 - 3 SKS
Perataan pada Paragraph FAKULTAS TEKNOLOGI INFORMASI PEMROGRAMAN WEB – PG117 - 3 SKS
PEMROGRAMAN WEB – PG117 - 3 SKS Perataan pada Heading FAKULTAS TEKNOLOGI INFORMASI PEMROGRAMAN WEB – PG117 - 3 SKS
Perataan pada Horizontal Rule FAKULTAS TEKNOLOGI INFORMASI PEMROGRAMAN WEB – PG117 - 3 SKS
PEMROGRAMAN WEB – PG117 - 3 SKS Validasi XHTML www.w3.org validator.w3.org Validasi halaman web <a href="http://validator.w3.org/check/referer"> <img src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0!" height="31" width="88" /> </a> FAKULTAS TEKNOLOGI INFORMASI PEMROGRAMAN WEB – PG117 - 3 SKS