HTML ফুটার উপাদান (The HTML footer element)

<footer>: HTML ফুটার উপাদান (The HTML footer element)। HTML <footer> ট্যাগটি একটি নথি বা বিভাগের জন্য একটি ফুটার সংজ্ঞায়িত করতে ব্যবহৃত হয়। পাদচরণটি সাধারণত পৃষ্ঠার নীচে, প্রধান বিভাগ বা বডির নীচে অবস্থিত। ফুটারে কপিরাইট, লেখক বা ক্যারিয়ারের মতো তথ্য লেখা হয়ে থাকে। HTML ফুটার উপাদান (The HTML footer element) নিয়ে বিস্তারিত নিচে লেখা হল।

Example:

<!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>
    <header>
        <h1>Heading</h1>
    </header>
    <div>
        <aside>
            <ol>
                <li>Home</li>
                <li>About</li>
                <li>Contact Us</li>
                <li>Profile</li>
            </ol>
        </aside>
    </div>

    <div>
        <article>
            Lorem, ipsum dolor sit amet consectetur adipisicing elit. Tempore incidunt pariatur maxime. Iure, recusandae
            sequi nisi ullam eos assumenda alias doloribus saepe velit doloremque accusantium ea amet in aperiam
            expedita? Expedita inventore, error optio asperiores assumenda consequatur, ipsum rerum accusantium
            perspiciatis blanditiis omnis porro, quas consectetur impedit accusamus iure aspernatur eaque voluptates ad!
            
        </article>
    </div>

    <footer>
        <p>@copy write by JHUTANDA</p>
    </footer>

    <style>
        header {
            background-color: red;
            text-align: center;
            margin: 10px;
            padding: 10px;
        }

        article {
            background-color: yellow;
            margin: 10px;
            padding: 10px;
        }

        aside {
            background-color: aqua;
            width: 200px;
            height: 450px;
            float: left;
            padding: 10px;
        }

        footer {
            background-color: chartreuse;
            text-align: center;
            margin: 10px;
            padding: 10px;
        }
    </style>
</body>

</html>

Scroll to Top