Scribd
Upload
8 views3 pages

Program 5

The document is an HTML template for a newspaper website titled 'Daily News'. It includes a header with navigation links, a section for main stories with articles and related news, and a table displaying news statistics by category. The footer contains copyright information for the year 2024.

Uploaded by

flytechi13579
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
8 views3 pages

Program 5

The document is an HTML template for a newspaper website titled 'Daily News'. It includes a header with navigation links, a section for main stories with articles and related news, and a table displaying news statistics by category. The footer contains copyright information for the year 2024.

Uploaded by

flytechi13579
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 3

a<!

DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Newspaper</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #f4f4f4;
}
header {
background-color: #333;
color: white;
padding: 10px 20px;
text-align: center;
}
nav {
background-color: #444;
color: white;
padding: 10px;
}
nav a {
color: white;
margin: 0 15px;
text-decoration: none;
}
section {
background-color: #fff;
margin: 20px;
padding: 20px;
border-radius: 5px;
}
article {
margin-bottom: 20px;
}
aside {
background-color: #eaeaea;
padding: 10px;
margin-top: 20px;
}
footer {
background-color: #333;
color: white;
text-align: center;
padding: 10px 0;
position: relative; /* Ensures footer stays at the bottom */
}
table {
width: 100%;
border-collapse: collapse;
margin-top: 20px;
}
th, td {
border: 1px solid #ddd;
padding: 8px;
}
th {
background-color: #f2f2f2;
}
</style>
</head>
<body>

<header>
<h1>Daily News</h1>
<nav>
<a href="#home">Home</a>
<a href="#world">World</a>
<a href="#sports">Sports</a>
<a href="#entertainment">Entertainment</a>
</nav>
</header>

<section>
<h2>Main Stories</h2>

<article>
<h3>Breaking News Title</h3>
<p>This is a summary of the breaking news story. It provides an overview of
the main points discussed in the article.</p>
</article>

<article>
<h3>Another Important Story</h3>
<p>This article discusses another important event happening around the
world, providing insights and details.</p>
</article>

<aside>
<h4>Related News</h4>
<p>Check out these related stories for more information on current
events.</p>
</aside>

<table>
<caption>News Statistics</caption>
<thead>
<tr>
<th>Category</th>
<th>Articles Published</th>
<th>Readers</th>
</tr>
</thead>
<tbody>
<tr>
<td>World News</td>
<td>25</td>
<td>5000</td>
</tr>
<tr>
<td>Sports</td>
<td>15</td>
<td>3000</td>
</tr>
<tr>
<td>Entertainment</td>
<td>10</td>
<td>2000</td>
</tr>
</tbody>
</table>

</section>

<footer>
&copy; 2024 Daily News. All rights reserved.
</footer>

</body>
</html>

6th question
10th question

solution

You might also like