minggu kedua progweb

Di minggu kedua kuliah progweb, diajarkan mengenai list pada dokumen HTML. Ada dua jenis list yaitu unordered list dan ordered list. Unordered list adalah suatu list yang tidak memperhatikan urutan penomoran sedangkan ordered list adalah list yang memperhatikan urutan penomoran. Untuk membuat suatu unordered list menggunakan tag (UL) sedangkan untuk membuat ordered list menggunakan tag (OL). Dan untuk mengisikan item pada list menggunakan tag (LI). Untuk unordered list terdapat beberapa pilihan tipe yang bisa diatur dengan mengubah atribut TYPE pada tag (UL). Pilihan tipe yang tersedia adalah CIRCLE, DISC, dan SQUARE. Untuk ordered list dapat pula diatur tipenya dengan mengatur nilai dari atribut TYPE pada tag (OL). Ada beberapa macam tipe dalam ordered list yaitu tipe huruf, angka, dan romawi. Selain tipe, pada ordered list juga dapat diatur penomoran awalannya yaitu dengan mengatur nilai dari atribut START pada tag (OL). Pada dokumen HTML juga dimungkinkan untuk membuat sub list atau adanya list lain di dalam suatu list.
Tag (DL), (DT), (DD) pada dokumen HTML digunakan untuk membuat suatu daftar definisi (definition list).
Tag (MARQUEE) digunakan untuk menjadikan suatu teks bergerak berputar. Atribut yang terdapat pada tag (MARQUEE) adalah DIRECTION yang akan mengatur arah gerak text. Nilai yang memungkinkan untuk atribut DIRECTION adalah LEFT, RIGHT, UP, dan DOWN.
Pada dokumen HTML untuk menambahkan gambar pada latar belakang / background dapat
dilakukan dengan mengubah nilai dari atribut BACKGROUND pada tag (BODY) sesuai dengan
nama file yang ingin dijadikan latar belakang.
Tag (IMG) pada dokumen HTML digunakan untuk menambahkan gambar pada suatu halaman web. Untuk menambahkan gambar dapat dilakukan dengan mengubah nilai atribut SRC disesuaikan dengan nama file gambar yang diinginkan.
Selain atribut SRC, tag (IMG) juga memiliki atribut lain seperti ALIGN, BORDER, ALT, HEIGHT, dan WIDTH. Atribut ALIGN digunakan untuk mengatur aligmen. Nilai yang bisa diberikan pada atribut ALIGN adalah TOP, MIDDLE, dan BOTTOM. Atribut BORDER digunakan untuk menentukan ketebalan garis tepi dari suatu gambar. Atribut ALT digunakan untuk memberi keterangan ketika suatu gambar gagal untuk ditampilkan ke
web browser. Atribut HEIGHT dan WIDTH digunakan untuk mengatur tinggi dan lebar gambar.
Untuk membuat tabel pada suatu dokumen HTML akan melibatkan beberapa tag seperti (TABLE), (CAPTION), (TR), (TH), dan (TD). Tag (TABLE) digunakan sebagai penanda dimulai dan diakhirinya suatu tabel. Tag (TR) digunakan untuk membuat baris / row baru. Tag (TH) digunakan untuk membuat judul kolom / baris. Tag (TD) digunakan untuk mengisikan data pada suatu cell. Untuk mengganti warna latar pada suatu table dapat dilakukan dengan mengatur attribut BGCOLOR pada tag (TABLE) dan untuk mengatur ketebalan garis tepi dari suatu table dapat dilakukan dengan mengatur atribut BORDER pada tag (TABLE). Pengaturan jarak pada tabel diatur oleh atribut CELLPADDING dan CELLSPACING pada tag (TABLE). CELLPADDING digunakan untuk mengatur jarak antara teks dengan batas tepi kiri, atas, dan bawah dari suatu cell dan CELLSPACING digunakan untuk mengatur jarak antar cell. Untuk mengatur lebar dan tinggi suatu table dapat dilakukan melalui atribut WIDTH dan HEIGHT pada tag (TABLE). Atribut WIDTH digunakan untuk mengatur lebar table sedangkan atribut HEIGHT digunakan untuk mengatur tinggi table. Untuk mengatur alignment dari suatu table dapat diatur melalui atribut ALIGN pada tag (TABLE), sedangkan untuk mengatur alignment suatu teks yang terdapat dalam suatu cell dapat diatur melalui atribut ALIGN pada tag (TD). Untuk mengatur vertical alignment suatu teks yang terdapat dalam suatu cell dapat diatur melalui atribut VALIGN pada tag (TD). Nilai yang memungkinkan untuk atribut ini adalah TOP, MIDDLE, BOTTOM. Selain mengubah warna latar table secara keseluruhan, bisa juga dilakukan perubahan warna latar hanya pada cell tertentu saja. Hal ini dapat dilakukan dengan mengatur atribut BGCOLOR pada tag (TD). Untuk melakukan penggabungan cell dapat dilakukan dengan mengatur atribut COLSPAN dan ROWSPAN pada tag (TD) ataupun (TH). Atribut COLSPAN digunakan untuk mengatur penggabungan kolom sedangkan atribut ROWSPAN
digunakan untuk penggabungan baris.
Link / Hyperlink dalam dokumen HTML digunakan untuk berpindah dari suatu halaman ke halaman lainnya. Tag yang berperan dalam membuat link adalah tag (A) atau yang biasa dikenal sebagai tag anchor / jangkar. Tag (A) akan memiliki suatu atribut yang sangat penting yaitu atribut HREF yang digunakan untuk menentukan halaman tujuan dari suatu link. Tapi dimungkinkan juga ketika suatu halaman memanggil halaman yang lain maka halaman kedua tersebut akan tampil pada jendela web browser yang lain. Hal ini dimungkinkan dengan mengatur atribut TARGET pada tag (A). Atribut TARGET ini nantinya diberi nilai "_blank". Selain melakukan link ke halaman / dokumen yang berbeda, suatu dokumen HTML juga dapat melakukan link ke alamat suatu situs. Yang perlu dilakukan adalah dengan memberi nilai atribut HREF sesuai dengan alamat situs/URL yang ingin dituju. Suatu gambar juga bisa dijadikan link ke halaman lain, hal ini dimungkinkan dengan melatakkan tag (IMG SRC="nama gambar") di antara tag (A) dan (/A).
Suatu dokumen HTML juga bisa memainkan suatu file suara / sound ketika dibuka oleh web browser. Hal ini dilakukan dengan bantuan tag (BGSOUND). Tag ini akan memainkan file suara / sound yang diatur oleh atribut SRC. Untuk memungkinkan terjadinya perulangan / looping dalam pemutaran suatu file dapat diatur melalui atribut LOOP pada tag (BGSOUND).
Dalam dokumen HTML dimungkinkan untuk menyertakan serta memainkan suatu file multimedia berupa animasi atau video dengan menggunakan tag (EMBED). Nama file video yang akan disertakan diatur oleh atribut SRC. Untuk mengatur lebar dan ketinggian area diatur oleh atribut WIDTH dan HEIGHT. Atribut LOOP dapat digunakan untuk mengatur apakah adanya perulangan / looping dalam pemutar suatu file video. Dan atribut AUTOSTART digunakan untuk mengatur apakah pemutaran suatu file video dilakukan secara otomatis atau tidak.