1 PEMROGRAMAN WEB 1 Berbagai macam Tag HTML (PART 2) Rio Andriyat Krisdiawan, M.Kom2 Tag Subscript dan SuperScript Subscript biasanya digunakan untuk ...
PEMROGRAMAN WEB 1 (PART 2) Berbagai macam Tag HTML
Rio Andriyat Krisdiawan, M.Kom
Tag Subscript dan SuperScript
• Subscript biasanya digunakan untuk Menurunkan posisi karakter atau lebih rendah dari teks normal, misalnya pada penulisan jam, tanda pangkat, derajat dan sebagainya.
• SuperSciptbiasanya digunakan untuk menaikan posisi karakter atau lebih tinggi dari teks normal, misalnya pada penulisan jam, tanda pangkat, derajat dan sebagainya
• Contoh : • 12.<sup>30 • 20<sup>0<sub>celcius
Contoh Program
Tag PreFormated dan Strike Text
• Preformated berfungsi untuk menampilkan text tulisan dengan apa adanya yang diketikan di text editor. <pre>
• Strike digunakan untuk membuat efek coretan pada teks yang dikenai tag strike <strike>
Contoh Program
Contoh Program
Tag Daftar Item
• Daftar item digunakan mengatur penulisan daftar item(Penomoran/Simbol berurut) agar lebih rapih. Untuk menampilkan format item pada daftar terurut dan tidak berurut, digunakan tag li :
nama item
, yang diletakkan diantara atau
.
• Adapun daftar item yang dapat digunakan adalah : 1. Daftar Item Berurut, ….. 2. Daftar Item Tidak Berurut,
….
3. Daftar definisi, digunakan untuk menampilkan definisi beserta penjelasannya.
Contoh Program
Contoh Program
Tag Marquee • Tag Marquee adalah tag yang digunakan untuk membuat tulisan berjalan. Bentuk tag <marquee>...
• Atribut umum yang sering digunakan adalah BGCOLOR=”warna” - Untuk mengatur warna background teks DIRECTION=”left | right” - Mengatur arah gerakan teks BEHAVIOR=”scroll | slide | alternate” - mengatur perilaku gerak teks TITLE=”pesan” - Pesan yang akan muncul saat mouse berada dalam teks SCROLLAMOUNT=”angka” - mengatur kecepatan gerakan dalam pixel SCROLLDELAY=”angka” - Mengatur waktu tanda gerakan dalam milidetik LOOP=”angka” | -1 | infinite” - mengatur jumlah loop WIDTH=”lebar” - mengatur lebar blok teks dalam pixel atau persen
• 2. Link pada folder yang berbeda Contoh : LATIHAN 1
Tag Table • Tabel memungkinkan perancang web untuk mengorganisasikan data dalam struktur tabulator yang rumit, tabel juga dapat diisi dengan paragraf , form, gambar, teks-teks preformated, dan bahkan tabel-tabel yang lain.
• Berikut ini adalah contoh tabel dengan format sederhana :
Baris #1 Kolom #1
Baris #1 Kolom #2
Baris #2 Kolom #1
Baris #2 Kolom #2
Tag Table
• Table dengan border dimatikan bisa dimanfaatkan untuk melay-out halaman dengan banyak gambar. Selain border, berikut adalah atribut lain yang dapat dipakai dalam
:
• • •
bordercolor=”kode_warna” - Mengatur warna border, jika border digunakan. align=”left|center|right” - Mengatur posisi table dilayar cellpadding=”angka” - Mengatur jarak antara border dengan isi sel (vertikal dan horizontal) dalam pixel.
• cellspacing=”angka” - Mengatur tebal tabel dalam satuan pixel • width=”angka” - Mengatur lebar tabel dalam satuan pixel atau persen
Tag Table
• Sedangkan berikut ini adalah beberapa atribut dalam tag
yang sering digunakan :
• •
bgcolor=”kode_warna” - Mengatur warna latar belakang sel
background=”gambar_file” - menggunakan gambar sebagai latar belakang sel.
• align=”left|right|center” - Mengatur perataan isi sel (teks, gambar dan lain-lain) secara horizontal.
• valign=”top|middle|bottom” - Mengatur perataan isi sel (teks, gambar dan lain-lain) secara vertikal.
• colspan=”angka” - Untuk menggabung kolom sel. • rowspan=”angka” - Untuk menggabung baris sel. • width=”angka” - Mengatur lebar sel dalam satuan persen
Contoh Program
Contoh Program
Contoh Program
Contoh Program
Tag Frame • Frame merupakan fasilitas dalam HTML yang berfungsi untuk mengatur tampilan pada halaman web, sehingga halaman web akan terbagi menjadi beberapa bagian (menjadi beberapa baris / rows atau kolom / cols). Dengan adanya fasilitas frame, pada satu halaman bisa ditampilkan beberapa script sekaligus. Bentuk umum :
• . Untuk menampilkan dokumen file gunakan , tag ini diletakan di antara
