R I P A D A L A R A N G Page 4
EBOOK2 - HTML Tag, Element, Attribute & Comment – skillvul – w3schools 2020
HTML Tag, Element, Attribute & Comment
html element
Masih ingat dengan konsep HTML element dan HTML tag? Opening Tag (tag pembuka) menandakan awal dari
sebuah element. Di dalam Opening Tag dapat berisi attribute, yang berfungsi untuk memberikan informasi
tambahan kepada sebuah element.
Contoh penggunaan attribute:
<!-- <img> adalah tag untuk memasukkan element gambar -->
<img width="80%" src="https://go.aws/2QJGvNB" />
Cobalah kode di atas pada code editor kalian / w3school code editor
Pada kode di atas, tag <img> memiliki dua attribute:
• width yang berfungsi untuk menentukan lebar dari element gambar, dan diberikan value (nilai) lebar
sebesar 80%
• src yang berfungsi untuk menentukan sumber gambar, dan diberikan value (nilai) untuk diarahkan ke
tautan https://go.aws/2QJGvNB
Contoh lainnya:
<!-- Pada contoh di bawah, href adalah attribute dari tag <a> -->
<a href="https://www.google.com/">Klik di sini untuk ke halaman Google</a>
Cobalah kode di atas pada code editor kalian / w3school code editor
• Tag <a> menandakan sebuah element tautan (hyperlink).
• Tautan tersebut bisa diarahkan ke halaman web lain atau bahkan ke suatu bagian pada halaman web yang
sama.
• Attribute href kita gunakan untuk memberi tahu tujuan dari tautan ini.
• Dalam kode di atas, attribute href kita isi dengan alamat web milik
Google https://www.google.com sehingga ketika kita klik element tautan tersebut, kita akan diarahkan
ke halaman web Google.
EBOOK2 - HTML Tag, Element, Attribute & Comment – skillvul – w3schools 2020
HTML Tag, Element, Attribute & Comment
sebuah element. Di dalam Opening Tag dapat berisi attribute, yang berfungsi untuk memberikan informasi
tambahan kepada sebuah element.
Contoh penggunaan attribute:
<!-- <img> adalah tag untuk memasukkan element gambar -->
<img width="80%" src="https://go.aws/2QJGvNB" />
Cobalah kode di atas pada code editor kalian / w3school code editor
Pada kode di atas, tag <img> memiliki dua attribute:
• width yang berfungsi untuk menentukan lebar dari element gambar, dan diberikan value (nilai) lebar
sebesar 80%
• src yang berfungsi untuk menentukan sumber gambar, dan diberikan value (nilai) untuk diarahkan ke
tautan https://go.aws/2QJGvNB
Contoh lainnya:
<!-- Pada contoh di bawah, href adalah attribute dari tag <a> -->
<a href="https://www.google.com/">Klik di sini untuk ke halaman Google</a>
Cobalah kode di atas pada code editor kalian / w3school code editor
• Tag <a> menandakan sebuah element tautan (hyperlink).
• Tautan tersebut bisa diarahkan ke halaman web lain atau bahkan ke suatu bagian pada halaman web yang
sama.
• Attribute href kita gunakan untuk memberi tahu tujuan dari tautan ini.
• Dalam kode di atas, attribute href kita isi dengan alamat web milik
Google https://www.google.com sehingga ketika kita klik element tautan tersebut, kita akan diarahkan
ke halaman web Google.
Komentar
Posting Komentar