PRAKTIKUM 2 - PEMWEB

SEMESTER GENAP 2021

 HAL – HAL YANG AKAN DIPELAJARI

• Heading/penjudulan
• Membuat gambar
• Membuat daftar/list
• Membuat link
 1. HEADING/PENJUDULAN

1. Tag

<h1>…</h1>
<h2>…</h2>
<h3>…</h3>
<h4>…</h4>
<h5>…</h5>
<h6>…</h6>
 2. MEMBUAT GAMBAR

1. Tag
<img/>
2. Atribut
• src  merujuk pada alamat sumber file gambar yang akan ditampilkan
• <img src=https://dribbble.com/shots/13937208-Ice-Cream/”>
• alt  teks alternative yang dimunculkan ketika gambar tidak berhasil di load
• <img src=https://dribbble.com/shots/13937208-Ice-Cream/” alt=“es krim”>
• width; height  CSS; mengatur ukuran gambar  width = 20px; 100% 200dp …
• …

3. Penulisan lokasi file

• Lokal  dimulai dari direktoriang sejajar dengan file html
• Hotlinking  gambar bersumber dari internet; dengan menyantumkan link gambar
 3. MEMBUAT DAFTAR/LIST

1. Ordered list  type : ‘ a ’, ‘ A ’, ‘1 ’, ‘ I ’, ‘ i ’

<ol>
<li>…</li>
<li>…</li>
….
</ol>
2. Unordered list  type : square, dics [default], none, circle; custom image [list-style-image: url(…)]
<ul>
<li>…</li>
<li>…</li>
….
</ul>
 3. MEMBUAT DAFTAR/LIST

1. Definition list
<dl>
<dt>…</dt>
<dd>…</dd>
</dl>
2. Nested list
<ol>
<li>
<ul>
<li> <ol> <li>..</li> </ol?
</ul>
</li>
</ol>
 4. MEMBUAT LINK

1. Tag
<a>…</a>
2. Atribut
• href  merujuk pada alamat link yang dituju
• Link biasa
• Ke suatu file (misal. file html lain atau dokumen lain yang ingin ditampilkan)
• Link ke elemen dalam halaman yang sama (misal. #section2, #header)
• Protokol lainnya (mailto: , tel: , script, htttp…)
• Target ( _self [default], _blank, _top, _parent, framename)
• download