Scribd
Upload
1 views

learn code ai version

This document is an HTML webpage designed for learning HTML basics. It includes sections on the introduction to HTML, its basic elements such as headings, paragraphs, lists, links, and images, as well as a contact form. The page is structured with a header, navigation links, and a footer.

Uploaded by

Kaze Playz
Copyright
© © All Rights Reserved
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
1 views

learn code ai version

This document is an HTML webpage designed for learning HTML basics. It includes sections on the introduction to HTML, its basic elements such as headings, paragraphs, lists, links, and images, as well as a contact form. The page is structured with a header, navigation links, and a footer.

Uploaded by

Kaze Playz
Copyright
© © All Rights Reserved
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">
<title>Learn HTML</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 20px;
}
header, footer {
background-color: #f8f8f8;
padding: 10px;
text-align: center;
}
nav {
margin: 20px 0;
}
nav a {
margin: 0 10px;
text-decoration: none;
color: #333;
}
section {
margin-bottom: 20px;
}
</style>
</head>
<body>
<header>
<h1>Welcome to HTML Learning Page</h1>
</header>
<nav>
<a href="#introduction">Introduction</a>
<a href="#basics">HTML Basics</a>
<a href="#form">Contact Form</a>
</nav>
<section id="introduction">
<h2>Introduction</h2>
<p>HTML (HyperText Markup Language) is the standard language for creating
web pages. It describes the structure of a web page using markup.</p>
</section>
<section id="basics">
<h2>HTML Basics</h2>
<h3>Headings</h3>
<p>Headings are used to create titles and subtitles. There are six levels
of headings, from <code>&lt;h1&gt;</code> to <code>&lt;h6&gt;</code>.</p>
<h3>Paragraphs</h3>
<p>Paragraphs are used to create blocks of text. Use the
<code>&lt;p&gt;</code> tag to define a paragraph.</p>
<h3>Lists</h3>
<p>There are two types of lists: ordered lists (<code>&lt;ol&gt;</code>)
and unordered lists (<code>&lt;ul&gt;</code>).</p>
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
<h3>Links</h3>
<p>Links are used to navigate between pages. Use the <code>&lt;a&gt;</code>
tag to create a link.</p>
<a href="https://www.example.com">Visit Example</a>
<h3>Images</h3>
<p>Images are added using the <code>&lt;img&gt;</code> tag. Make sure to
include the <code>src</code> attribute to specify the image source.</p>
<img src="https://via.placeholder.com/150" alt="Placeholder Image">
</section>
<section id="form">
<h2>Contact Form</h2>
<form action="/submit" method="post">
<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><br>
<textarea id="message" name="message" rows="4" cols="50"
required></textarea><br><br>
<input type="submit" value="Submit">
</form>
</section>
<footer>
<p>&copy; 2025 Learn HTML. All rights reserved.</p>
</footer>
</body>
</html>

You might also like