Pada pertemuan kedua mata kuliah Pemograman Web, saya mendapat penjelasan mengenai beberapa materi yang lebih lanjut dalam pembuatan web dibandingkan minggu kemarinnya. Ringkasan materi yang dapat saya sampaikan adalah:
- Untuk Memberi Gambar pada Latar
Dilakukan dengan menggunakan atribut background pada tag<body>, yaitu menjadi : <body background="pic1.jpg">. File gambar dan file xhtml harus berada dalam satu lokasi yang sama.
- Untuk Menampilkan Gambar pada Tampilan Halaman Web
Digunakan tag <img>, file gambar dan file xhtml harus berada dalam satu lokasi yang sama. Contoh sintaks : <img src="pic1.jpg"/>
Atribut lain yang dapat digunakan dalam tag <img> adalah : <img src="pic1.jpg" align="middle" alt="tulisan yang ingin ditampilkan bila gambar tidak muncul/saat kursor mengarah ke gambar" width="200" height="300"/>
Digunakan untuk membuat animasi sederhana. Atribut yang digunakan untuk mengatur arah gerak animasi adalah atribut direction. Contoh sintaks : <marquee direction="right">Ini teks animasi</marquee>.
Digunakan untuk memutar file audio sebagai suara latar. File lagu dan file xhtml harus ada dalam satu lokasi. Contoh sintaks : <bgsound src="lagu.mp3"loop="2"/>.
Tag ini digunakan untuk memutar file video. Lokasi tempat menyimpan file xhtml dan file video harus sama. Contoh sintaks : <embed src="video.mpg" width="300" height="200" loop="true" autostart="false"/>. Jika menggunakan sintaks loop="true" dan autostart="false", maka video akan memutar ulang dengan sendirinya.
Tipe list ada dua, yaitu :
-Ordered list (memperhatikan urutan, menggunakan tag <ol>)
-Unordered list (Tidak memperhatikan urutan, menggunakan tag <ul>)
Ordered list memiliki beberapa tipe atribut, yaitu :
- 1
- A
- a
- I
- i
dan memiliki pilihan start yang ditentukan oleh para pembuat halaman web. Contoh sintaks ordered list :
<ol type="A" start="3">
<li>buku</li>
<li>bolpen</li>
<li>pensil</li>
<li>penghapus</li>
</ol>
Ada beberapa tipe unordered list, yaitu :
- circle
- disc
- square
Contoh sintaks :
<ul type="square">
<li>buku</li>
<li>bolpen</li>
<li>pensil</li>
<li>penghapus</li>
</ul>
Dalam definition list terdapat :
- <dl> : merupakan tag dari definition list yang terletak didalam tag <body>.
- <dt> : istilah yang ingin terjemahkan diletakkan diantara tag <dt> dan </dt>.
- <dd> : arti dari istilah yang ingin diterjemahkan ditulis diantara tag <dd> dan </dd>.
- Mengenal Link / Hyperlink
Untuk membuat sebuah link, dibutuhkan 2 dokumen xhtml. Tag yang digunakan untuk membuat sebuah link adalah : <h1>Ini adalah halaman pertama</h1>
<a href="halaman2.html">ke halaman 2</a>. Buat juga sebuah dokumen xhtml lain yang berisi kebalikan dari tag yang dibuat dihalaman sebelumnya apabila menginginkan link bolak-balik.
- Mengenal Link pada Jendela Browser Baru
Memberi nilai _blank pada atribut target. Dengan membuat dua dokumen xhtml, maka dapat dibuat juga link untuk jendela browser yang baru. Contoh sintaks :
<h1>Ini adalah halaman pertama</h1>
<a href="halaman2.html" target="_blank">ke halaman 2</a>.
- Membuat Link ke Alamat Suatu Situs di Internet
Nilai atribut a href disesuaikan dengan alamat situs yang akan dituju. Contoh sintaks :
<a href=http://google.com target="_blank">ke google</a>.
- Penggunaan Link pada Gambar
Gambar yang terdapat didalam jendela browser dapat dijadikan acuan untuk pindah ke halaman yang dijadikan link jika gambar tersebut diklik. Tag <a> </a> mengapit tag <img />.
Contoh sintaks :
<a href="halaman2.html"target="_blank">
<img src="pic1.jpg" width="100" height="100"/>
</a>
Link yang digunakan untuk menyambung ke email seseorang. Contoh sintaks :
<a href="funny_guys@yahoo.com">email funny</a>
Tidak ada komentar:
Posting Komentar