Program 5 · Web Technology Lab

Web Technology Lab · BCSL504 Web Tech (HTML · CSS · JS)

Problem Statement Program 5

Develop an HTML page named newspaper.html having a variety of HTML semantic elements with background colors, text colors and font sizes for header, article, section, aside, figure, table, footer, etc.

Web Tech (HTML · CSS · JS) Code Source

newspaper.html

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Modern Newspaper</title>

<style>
body{
    font-family:Arial,sans-serif;
    background:#f5f5f5;
    margin:0;
}

header{
    background:#c5139b;
    color:white;
    text-align:center;
    padding:20px;
}

article{
    background:white;
    margin:20px;
    padding:20px;
    border-radius:10px;
}

section{
    background:#e0f7fa;
    margin:20px;
    padding:20px;
    border-radius:10px;
}

footer{
    background:black;
    color:white;
    text-align:center;
    padding:15px;
}
</style>

</head>

<body>

<header>
<h1>Modern Newspaper</h1>
</header>

<article>
<h2>Breaking News</h2>
<p>
Today's top story: A significant breakthrough in technology has been made.
</p>
</article>

<section>
<h3>Sports Section</h3>
<p>
The local team secured a dramatic victory in the final minutes.
</p>
</section>

<footer>
<p>© 2024 Modern Newspaper. All Rights Reserved.</p>
</footer>

</body>
</html>

Output 1 screenshot

VTU Developer

Download the clean, watermark-free output image — ₹1.00