HTML aside: Tag Elemen

HTML Elemen <aside> adalah tag yang digunakan untuk membuat konten bilah sisi biasanya terletak pada bilah sisi kanan atau kiri konten, tag aside tidak memiliki atribut khusus dan secara default akan berfungsi seperti tag div. tag aside biasanya berisi informasi tautan, penulis, dan konten terkait.

1. html tag <aside> 
<!DOCTYPE html>
<html>
<head>
<style>
body {font-family:monospace;}
</style>
</head>
<body>

<h1>Contoh Elemen aside</h1>

<p>Bandung merupakan kota tujuan wisata yang sangat diminati wisatawan dalam dan luar negeri. Ada banyak destinasi wisata alam yang begitu menarik untuk dikunjungi.</p>
<p>Berbagai wisatanya tentu mempunyai spot-spot Instagramable berlatarkan keindahan alam. Tak heran jika wisatawan ingin berulang kali mengunjungi kota kembang ini.</p>

<aside>
<h3>Wisata Alam Populer di Bandung</h3>
<p>Pemandangan alam yang indah memang cocok untuk healing sejenak dari berbagai aktivitas. Yuk, intip ada wisata alam apa saja di Bandung.</p>
</aside>

<p>Taman Hutan Raya Ir. H. Djuanda sering disebut dengan Tahura. Destinasi alam ini merupakan paru-paru kota Bandung yang memiliki lebih dari 2.500 jenis pohon. Menurut buku Taman Hutan Raya Djuanda oleh Pusat Data dan Analisa Tempo serta situs resmi Tahura Bandung, wisatawan bisa menikmati panorama alamnya yang memukau. Selain itu, ada beberapa objek wisata seperti Gua Jepang, Gua Belanda, Penangkaran Rusa, Curug Omas Maribaya dan Museum Ir H. Djuanda.</p>

</body>
</html>
Salin Kode . Lihat Hasil

2. html tag <aside> dengan gaya css
<!DOCTYPE html>
<html>
<head>
<style>
body {font-family:monospace;}
aside {
  background-color: #fee;
  border-radius:2px;
  box-shadow:0 0 2px #000;
  float: right;
  margin-left: 15px;
  padding-left: 15px;
  width: 25%;}
</style>
</head>
<body>

<h1>Contoh Elemen aside - Dengan Gaya CSS</h1>

<p>Bandung merupakan kota tujuan wisata yang sangat diminati wisatawan dalam dan luar negeri. Ada banyak destinasi wisata alam yang begitu menarik untuk dikunjungi.</p>
<p>Berbagai wisatanya tentu mempunyai spot-spot Instagramable berlatarkan keindahan alam. Tak heran jika wisatawan ingin berulang kali mengunjungi kota kembang ini.</p>

<aside>
<h3>Wisata Alam Populer di Bandung</h3>
<p>Pemandangan alam yang indah memang cocok untuk healing sejenak dari berbagai aktivitas. Yuk, intip ada wisata alam apa saja di Bandung.</p>
</aside>

<p>Taman Hutan Raya Ir. H. Djuanda sering disebut dengan Tahura. Destinasi alam ini merupakan paru-paru kota Bandung yang memiliki lebih dari 2.500 jenis pohon. Menurut buku Taman Hutan Raya Djuanda oleh Pusat Data dan Analisa Tempo serta situs resmi Tahura Bandung, wisatawan bisa menikmati panorama alamnya yang memukau. Selain itu, ada beberapa objek wisata seperti Gua Jepang, Gua Belanda, Penangkaran Rusa, Curug Omas Maribaya dan Museum Ir H. Djuanda.</p>
<p>Tebing Keraton menyuguhkan view yang menakjubkan dari atas tebing. Wisatawan bisa melihat keindahan hutan yang lebat dan hijau. Selain itu, pemandangan sunrise dan sunsetnya pun tak kalah indah. Wisatawan bisa menginap di area camping ground yang cukup luas. Selain itu, aktivitas seru lainnya adalah trekking menuju puncak tebing.</p>

</body>
</html>
Salin Kode . Lihat Hasil

Link 1


Link 2


...


Komentar

Posting Komentar