Upload presentasi
Presentasi sedang didownload. Silahkan tunggu
1
Pemrograman Web PG117 – 3 SKS
2
PEMROGRAMAN WEB – PG117 - 3 SKS
PERTEMUAN - 1 PENGENALAN (X)HTML FAKULTAS TEKNOLOGI INFORMASI PEMROGRAMAN WEB – PG SKS
3
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 – PG SKS
4
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 – PG SKS
5
PEMROGRAMAN WEB – PG117 - 3 SKS
Minimal HTML FAKULTAS TEKNOLOGI INFORMASI PEMROGRAMAN WEB – PG SKS
6
PEMROGRAMAN WEB – PG117 - 3 SKS
<!DOCTYPE> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " 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 – PG SKS
7
PEMROGRAMAN WEB – PG117 - 3 SKS
<html> FAKULTAS TEKNOLOGI INFORMASI PEMROGRAMAN WEB – PG SKS
8
PEMROGRAMAN WEB – PG117 - 3 SKS
<head> FAKULTAS TEKNOLOGI INFORMASI PEMROGRAMAN WEB – PG SKS
9
PEMROGRAMAN WEB – PG117 - 3 SKS
<title> FAKULTAS TEKNOLOGI INFORMASI PEMROGRAMAN WEB – PG SKS
10
PEMROGRAMAN WEB – PG117 - 3 SKS
<body> FAKULTAS TEKNOLOGI INFORMASI PEMROGRAMAN WEB – PG SKS
11
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 – PG SKS
12
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 – PG SKS
13
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 – PG SKS
14
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 – PG SKS
15
PEMROGRAMAN WEB – PG117 - 3 SKS
bgcolor, text FAKULTAS TEKNOLOGI INFORMASI PEMROGRAMAN WEB – PG SKS
16
PEMROGRAMAN WEB – PG117 - 3 SKS
Line break FAKULTAS TEKNOLOGI INFORMASI PEMROGRAMAN WEB – PG SKS
17
PEMROGRAMAN WEB – PG117 - 3 SKS
Preformatted Text FAKULTAS TEKNOLOGI INFORMASI PEMROGRAMAN WEB – PG SKS
18
PEMROGRAMAN WEB – PG117 - 3 SKS
Preformatted Text Tag FAKULTAS TEKNOLOGI INFORMASI PEMROGRAMAN WEB – PG SKS
19
PEMROGRAMAN WEB – PG117 - 3 SKS
Paragraph FAKULTAS TEKNOLOGI INFORMASI PEMROGRAMAN WEB – PG SKS
20
PEMROGRAMAN WEB – PG117 - 3 SKS
Heading FAKULTAS TEKNOLOGI INFORMASI PEMROGRAMAN WEB – PG SKS
21
PEMROGRAMAN WEB – PG117 - 3 SKS
FAKULTAS TEKNOLOGI INFORMASI PEMROGRAMAN WEB – PG SKS
22
PEMROGRAMAN WEB – PG117 - 3 SKS
Horizontal Rules FAKULTAS TEKNOLOGI INFORMASI PEMROGRAMAN WEB – PG SKS
23
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 – PG SKS
24
PEMROGRAMAN WEB – PG117 - 3 SKS
width FAKULTAS TEKNOLOGI INFORMASI PEMROGRAMAN WEB – PG SKS
25
PEMROGRAMAN WEB – PG117 - 3 SKS
size FAKULTAS TEKNOLOGI INFORMASI PEMROGRAMAN WEB – PG SKS
26
PEMROGRAMAN WEB – PG117 - 3 SKS
width dan size FAKULTAS TEKNOLOGI INFORMASI PEMROGRAMAN WEB – PG SKS
27
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 – PG SKS
28
Perataan pada Paragraph
FAKULTAS TEKNOLOGI INFORMASI PEMROGRAMAN WEB – PG SKS
29
PEMROGRAMAN WEB – PG117 - 3 SKS
Perataan pada Heading FAKULTAS TEKNOLOGI INFORMASI PEMROGRAMAN WEB – PG SKS
30
Perataan pada Horizontal Rule
FAKULTAS TEKNOLOGI INFORMASI PEMROGRAMAN WEB – PG SKS
31
PEMROGRAMAN WEB – PG117 - 3 SKS
Validasi XHTML validator.w3.org Validasi halaman web <a href=" <img src=" alt="Valid XHTML 1.0!" height="31" width="88" /> </a> FAKULTAS TEKNOLOGI INFORMASI PEMROGRAMAN WEB – PG SKS
Presentasi serupa
