Scribd
Upload
2 views

HTML_Notes

HTML (HyperText Markup Language) is the standard language for creating web pages, consisting of elements represented by tags. The document outlines the basic structure of an HTML document, common tags for headings, paragraphs, links, images, lists, forms, tables, and new HTML5 elements. It serves as a foundational guide for understanding and using HTML effectively.

Uploaded by

Dodo
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
2 views

HTML_Notes

HTML (HyperText Markup Language) is the standard language for creating web pages, consisting of elements represented by tags. The document outlines the basic structure of an HTML document, common tags for headings, paragraphs, links, images, lists, forms, tables, and new HTML5 elements. It serves as a foundational guide for understanding and using HTML effectively.

Uploaded by

Dodo
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 4

HTML Basics

HTML (HyperText Markup Language) is the standard language for crea


It consists of elements represented by tags enclosed in angle brackets

HTML Document Structure


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.
<title>My First Page</title>
</head>
<body>
<h1>Welcome to My Website</h1>
<p>This is a simple HTML document.</p>
</body>
</html>

Common HTML Tags


Headings (<h1> to <h6>)
<h1>Heading 1</h1>
<h2>Heading 2</h2>
...
<h6>Heading 6</h6>

Paragraphs & Text Formatting


<p>This is a paragraph.</p>
<strong>Bold Text</strong>
<em>Italic Text</em>
<u>Underlined Text</u>

Links (<a> tag)


<a href="https://example.com" target="_blank">Visit Example</a>

Images (<img> tag)


<img src="image.jpg" alt="Description" width="300">

Lists
Unordered List (<ul>)
<ul>
<li>Item 1</li>
<li>Item 2</li>
</ul>

Ordered List (<ol>)


<ol>
<li>First item</li>
<li>Second item</li>
</ol>

Forms
<form action="submit.php" method="POST">
<label for="name">Name:</label>
<input type="text" id="name" name="name" required>
<label for="email">Email:</label>
<input type="email" id="email" name="email" required>

<button type="submit">Submit</button>
</form>

Tables
<table border="1">
<tr>
<th>Name</th>
<th>Age</th>
</tr>
<tr>
<td>Alice</td>
<td>25</td>
</tr>
</table>

Divs & Spans


<div style="background: lightgray; padding: 10px;">
This is a div container.
</div>

<span style="color: red;">This is a span.</span>

HTML Comments
<!-- This is a comment -->
HTML5 New Elements
<header>Website Header</header>
<nav>Navigation Menu</nav>
<section>Main Content</section>
<article>Article Content</article>
<footer>Footer Information</footer>

You might also like