Kita sudah mengenal beberapa elemen yang digunakan untuk mengorganisasikan halaman, seperti <header>, <footer>, <article>, dan yang lainnya. Dan juga kita sudah mengenal generic elemen yang digunakan untuk mengelompokkan elemen secara umum. Sekarang saatnya kita mengorganisasikan pada halaman profil yang sudah kita buat sebelumnya.
Sebelum mengorganisasikan konten, mari kita tambahkan sebuah konten untuk diterapkan pada elemen <aside> nantinya. Unduh terlebih dahulu aset gambar yang akan digunakan pada tautan berikut: https://upload.wikimedia.org/wikipedia/commons/thumb/e/e7/Bandung_coa.png/279px-Bandung_coa.png
Simpanlah gambar tersebut pada folder assets -> images bersama dengan empat gambar yang lain dan beri nama bandung-badge.png.
Kemudian tuliskan konten berikut di dalam elemen <body> (tuliskan tepat sebelum penutup tag </body>).
- <body>
- .......
- <h2>Kota Bandung</h2>
- <p>Kota Kembang Paris van Java</p>
- <figure>
- <img src="assets/image/bandung-badge.png">
- <figcaption>Lambang</figcaption>
- </figure>
- </body>
Tuliskan juga konten copyright berikut tepat setelah tag penutup </figure>.
- <body>
- .......
- </figure>
- <p>Belajar Dasar Pemrograman Web © 2019, Dicoding Academy</p>
- </body>
Setelah menambahkan beberapa konten tersebut,
mari saatnya kita organisasikan konten-konten yang ada agar dapat
tercipta struktur halaman yang baik.
0 Comments
Perhatikan setiap kata yang dipublikasikan.
Segala bentuk pelanggaran Undang-Undang Informasi dan Transaksi Elektronik menjadi tanggung jawab Komentator.
Copyright © 2020 all rights reserved