এইচটিএমএল আয়সাইড উপাদান (The HTML Aside element)

<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>
Scroll to Top