<aside>: এইচটিএমএল আয়সাইড উপাদান (The HTML Aside element)
HTML <aside> ট্যাগটি মূল বিষয়বস্তুর সাথে পরোক্ষভাবে সম্পর্কিত একটি নথির একটি অংশকে উপস্থাপন করতে ব্যবহৃত হয়। এটি ডকুমেন্টে সাইডবার হিসেবে সবচেয়ে বেশি ব্যবহৃত হয়। এটি ব্রাউজারে বিশেষ কিছু রেন্ডার করে না।
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HTML MASTER JHUTANDA</title>
<!--https://jhutanda.com-->
<!--https://github.com/jhutanda-->
</head>
<body>
<h1>Aside Example</h1>
<aside>
<h2>Aside</h2>
<ol>
<li>menu</li>
<li>menu2</li>
<li>menu2</li>
<li>menu3</li>
</ol>
</aside>
<main>
<h2>head</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Omnis sint assumenda inventore, eaque corrupti
dolores tenetur, architecto adipisci facere quasi ad totam dolore nam illum maxime veritatis consectetur
laborum id? Alias dignissimos, magni error possimus quam quos vitae, fuga repellat exercitationem
accusantium, delectus deserunt. Quae corrupti ipsa totam enim tempora.</p>
</main>
<!--add some css-->
<style>
/* h1 color and align */
h1{
text-align: center;
text-decoration: underline red 5px;
}
/* Design the main section */
main {
padding: 10px;
margin: 10px;
}
/* Design the aside section */
aside {
width: 150px;
float: left;
padding: 10px;
margin: 10px;
border: 1px solid red;
}
</style>
</body>
</html>