Mengorganisasikan Konten pada Halaman Profil

Dhe997
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.
20191206110553aa4bfd2f030fc768005bedeb8e6e0715.png
Kemudian tuliskan konten berikut di dalam elemen <body> (tuliskan tepat sebelum penutup tag </body>).

  1. <body>

  2.       .......

  3.  

  4.    <h2>Kota Bandung</h2>

  5.    <p>Kota Kembang Paris van Java</p>

  6.    <figure>

  7.        <img src="assets/image/bandung-badge.png">

  8.        <figcaption>Lambang</figcaption>

  9.    </figure>

  10. </body>


Tuliskan juga konten copyright berikut tepat setelah tag penutup </figure>.

  1. <body>

  2. .......

  3.    </figure>

  4.    <p>Belajar Dasar Pemrograman Web &#169; 2019, Dicoding Academy</p>

  5. </body>


Setelah menambahkan beberapa konten tersebut, mari saatnya kita organisasikan konten-konten yang ada agar dapat tercipta struktur halaman yang baik

Posting Komentar

Cookie Consent
We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.
Oops!
It seems there is something wrong with your internet connection. Please connect to the internet and start browsing again.
AdBlock Detected!
We have detected that you are using adblocking plugin in your browser.
The revenue we earn by the advertisements is used to manage this website, we request you to whitelist our website in your adblocking plugin.
Site is Blocked
Sorry! This site is not available in your country.