Definisi HTML `
`
Pemrograman Web Dasar
HTML adalah singkatan dari HyperText Markup Language adalah salah satu bahasa pemrograman web desain dan juga biasa di sebut script untuk menyusun dokumendokumen Web. Dokumen HTML disimpan dalam format teks reguler dan mengandung tag-tag yang web browser untuk mengeksekusi perintah-perintah perintah perintah yang dispesifikasikan. dispesifikasikan
Pertemuan ke-2, 12 September 2013
Struktur dasar HTML
Tag
`
`
` ` ` ` ` ` `
Judul Dokumen HTML Isi Dokumen Web
`
Adalah teks khusus (markup) berupa dua karakter "<" dan ">",, sebagai contoh body adalah tag dengan nama body. Tag harus ditulis secara berpasangan, yang terdiri atas tag pembuka dan tag penutup (ditambahkan karakter "/" setelah karakter "<"), sebagai contoh ini adalah tag pembuka isi dokumen HTML, HTML dan ini adalah tag penutup isi dokumen HTML.
Element `
Element terdiri atas tiga bagian, yaitu tag pembuka, isi, dan tag penutup.
Element HTML `
Tag yang berfungsi untuk membuka dan menutup seluruh isi dalam kode HTML. Isi dokumen yang ingin ditampilkan di dalam browser harus berada di dalam tag ini. Penulisan element HTML : Isi dokumen web
Element Head dan Title `
Tag Head mendefinisikan bagian kepala dokumen dari halaman web. Tag Head digunakan untuk mendeklarasikan judul dokumen yang menggunakan tag Title. Penulisannya adalah :
` ` ` ` ` `
Element Body ` ` ` `
<TITLE> Judul Dokumen Web /
Tag yang mendefinisikan isi halaman web yang ditampilkan oleh browser. Penulisannya adalah :
`
Isi halaman Web
Catatan `
Catatan : Jika penulisan script salah, maka script tidak terbaca sempurna ( Eror ) sehingga dapat mengganggu penampilan dan dinamika web itu sendiri
Atribut `
Atribut mendefinisikan property dari suatu element HTML, yang terdiri atas nama dan nilai. Penulisannya adalah sebagai berikut:
` ` ` ` ` `
Atribut (Lanjutan) `
Secara umum nilai attribute harus berada dalam tanda petik satu atau dua. Sebagai contoh, untuk membuat warna teks menjadi kuning dan latarbelakang halaman web menjadi hitam, penulisannya adalah :
` `
text="yellow">...
Keterangan Tag
...
Keterangan element l t untuk t k membuat b t isi ii dokumen
Bgcolor=”black”
atribut yang mendefinisikan bahwa warna latar/background dari dokumen web adalah hitam atribut yyangg mendefinisikan bahwa warna teks dalam dokumen adalah kuning
y Text=”yellow”
Komentar `
Seperti dalam bahasa pemrograman yang lainnya, HTML juga memiliki komentar yang dapat digunakan untuk menjelaskan bagian-bagian dari isi dokumen web. Komentar dalam HTML diatur oleh tanda pembuka . Penulisan komentar dalam HTML :
Contoh 1: Sederhana ` ` ` `
` ` ` `
` ` `
<TITLE>Dokumen HTML g y Ini adalah sebuah dokumen HTML dengan judul “Dokumen HTML” dan warna latar/background biru langit. Terima kasih. /
Contoh 2: Heading
Contoh 3: Penanganan Font
`
`
` ` ` ` ` ` ` ` ` `
<TITLE>Heading
Teks dengan ukuran Heading one
Teks dengan ukuran Heading two
Teks dengan ukuran Heading three
Teks dengan ukuran Heading four
Teks dengan ukuran Heading five
Teks h6 T k d dengan ukuran k H Heading di six
i /h6
` ` ` ` ` ` ` ` ` ` ` `
<TITLE>Font
T k i Teks ini i b berukuran k normal l j jenis i C Comic i S Sans MS d dan warna hitam Teks ini berukuran 5 jenis Verdana dan warna merah Teks cetak
Tebal Miring Garis Bawah <strike>Garis tengah <sup>Superscript p p p / p dan <sub>Subscript
Contoh 4: Paragraf dan Alignment
Contoh 5: Penanganan Gambar
`
`
` ` ` ` `
`
<TITLE>Paragraf dan Align
Format paragraf rata kiri
Format paragraf rata kanan
Format paragraf rata tengah
Format justify >Format paragraf ini rata kanan-kiri. Format paragraf ini rata kanankiri.Format paragraf ini rata kanan-kiri. Format paragraf ini rata kanan-kiri.Format paragraf f i ini i rata k kanan-kiri.Format ki i paragraf f ini rata kanan-kiri.
` ` ` ` ` ` `
<TITLE>Gambar
Perataan teks di bawah secara default dan gambar asli dengan ukuran 100 x 100 pixel
Perataan teks di atas dan border gambar 2 pixel
perataan teks di tengahdan letak gambar di tengah dokumen
Contoh 6: Daftar dengan Bullets dan Numbering
Contoh 6: Daftar dengan Bullets dan Numbering (Lanjutan)
`
`
` ` ` ` ` ` ` ` `
<TITLE>Bullets dan Numbering
Daftar menggunakan Bullets
type circle - Sunday
- Monday
y - Tuesday
` ` ` ` `
Daftar menggunakan Numbering ( g ) / (angka)
- Sunday
y - Monday
- Tuesday
Contoh 6: Daftar dengan Bullets dan Numbering (Lanjutan 2)
Contoh 6: Daftar dengan Bullets dan Numbering (Lanjutan 3)
`
`
` ` ` ` `
Daftar menggunakan Numbering ( (huruf)
) /
- Sunday
y - Monday
- Tuesday
` ` ` ` ` ` `
Daftar menggunakan Numbering (huruf romawi)
) /
- Sunday
y - Monday
- Tuesday
Tugas (Kelompok) ` `
Sifat : Kelompok (max 3 mahasiswa) Tugas: ` ` `
Selesai ` `
Buatlah sebuah halaman web yang berisi tentang sebuah berita olahraga Halaman web harus terdiri atas materi pada pertemuan ini. Tunjukkan dalam komentar di halaman web, pada baris tertentu bahwa bagian itu adalah penanganan tag tertentu tertentu, dalam HTML (misalnya; penanganan paragraf) Tugas dikumpulkan tercetak disertai identitas pada kuliah minggu depan. Tugas juga dipresentasikan minggu depan.
Penilaian Tugas ` ` `
Penilaian terdiri atas penilaian konten dan penilaian presentasi Penilaian konten melihat komponen tag-tag HTML yang disertakan dan juga konten tulisan (berita) Penilaian presentasi melihat bagaimana slide presentasi dan juga pembawaan (penyampaian)
