Scribd
Upload
12 views2 pages

Untitled

This document is an HTML template for a website featuring a header, main content sections (home, about, contact), and a footer. It includes various HTML elements such as images, lists, forms, and a table. The document also links to an external CSS file and includes internal styles for basic formatting.

Uploaded by

shonibareakanni009
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
12 views2 pages

Untitled

This document is an HTML template for a website featuring a header, main content sections (home, about, contact), and a footer. It includes various HTML elements such as images, lists, forms, and a table. The document also links to an external CSS file and includes internal styles for basic formatting.

Uploaded by

shonibareakanni009
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/ 2

<!

DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="This is a sample HTML page">
<meta name="keywords" content="HTML, CSS, JavaScript">
<title>My HTML Page</title>
<link rel="stylesheet" href="styles.css">
<style>
/* Internal CSS styles */
body {
font-family: Arial, sans-serif;
}
</style>
</head>
<body>
<!-- Header Section -->
<header>
<h1>Welcome to My Website</h1>
<nav>
<ul>
<li><a href="
<li><a href="#about">About</a></li>
<li><a href="
</ul>
</nav>
</header>

<!-- Main Content Section -->


<main>
<section id="home">
<h2>Home Section</h2>
<p>This is the home section of the website.</p>
<img src="image.jpg" alt="Sample Image" width="300" height="200">
<figure>
<figcaption>Sample Image Caption</figcaption>
</figure>
<blockquote cite="https://www.example.com">
"This is a sample blockquote."
</blockquote>
</section>

<section id="about">
<h2>About Section</h2>
<p>This is the about section of the website.</p>
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
<ol>
<li>Ordered Item 1</li>
<li>Ordered Item 2</li>
<li>Ordered Item 3</li>
</ol>
<dl>
<dt>Term 1</dt>
<dd>Description 1</dd>
<dt>Term 2</dt>
<dd>Description 2</dd>
</dl>
</section>

<section id="contact">
<h2>Contact Section</h2>
<p>This is the contact section of the website.</p>
<form>
<label for="name">Name:</label>
<input type="text" id="name" name="name" required><br><br>
<label for="email">Email:</label>
<input type="email" id="email" name="email" required><br><br>
<label for="message">Message:</label>
<textarea id="message" name="message"></textarea><br><br>
<input type="submit" value="Submit">
<button type="reset">Reset</button>
</form>
</section>

<section>
<h2>Table Example</h2>
<table border="1">
<caption>Sample Table</caption>
<thead>
<tr>
<th>Column 1</th>
<th>Column 2</th>
</tr>
</thead>
<tbody>
<tr>
<td>Cell 1</td>
<td>Cell 2</td>
</tr>
<tr>
<td>Cell 3</td>
<td>Cell 4</td>
</tr>
</tbody>
</table>
</section>
</main>

<!-- Footer Section -->


<footer>
<p>&copy; 2024 My Website</p>
<address>
Contact: <a href="mailto:example@example.com">example@example.com</a>
</address>
</footer>

<script src="script.js"></script> <!-- Optional JavaScript link -->


</body>
</html>

You might also like