Complete HTML Notes
1. Introduction to HTML
HTML is the standard language for creating web pages. It uses tags enclosed in < > to structure
content.
HTML Document Structure:
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>Welcome to HTML</h1>
<p>This is a paragraph.</p>
</body>
</html>
2. Basic Tags and Elements
| Tag | Description |
|--------------|-------------------------------------------------|
| <html> | Root element of the HTML document. |
| <head> | Contains metadata, links, and title. |
| <title> | Sets the title of the web page. |
| <body> | Contains the content displayed on the web page.|
| <h1> - <h6> | Header tags, <h1> is the largest. |
| <p> | Defines a paragraph. |
| <br> | Inserts a line break. |
| <hr> | Inserts a horizontal line. |
| <div> | Defines a division or section. |
| <span> | Inline container for styling. |
3. Text Formatting Tags
| Tag | Description |
|--------------|--------------------------------------|
| <b> | Bold text. |
| <i> | Italic text. |
| <u> | Underlined text. |
| <strong> | Strong emphasis (bold by default). |
| <em> | Emphasis (italic by default). |
| <mark> | Highlighted text. |
| <small> | Smaller text. |
| <del> | Strikethrough text. |
| <sup> | Superscript text. |
| <sub> | Subscript text. |
4. Lists
Ordered List (using <ol>):
<ol>
<li>Item 1</li>
<li>Item 2</li>
</ol>
Unordered List (using <ul>):
<ul>
<li>Item 1</li>
<li>Item 2</li>
</ul>
Description List (using <dl>):
<dl>
<dt>HTML</dt>
<dd>HyperText Markup Language</dd>
</dl>
5. Links and Images
Hyperlinks:
<a href="https://www.example.com">Visit Example</a>
Open in a new tab:
<a href="https://www.example.com" target="_blank">Open in New Tab</a>
Images:
<img src="image.jpg" alt="Description" width="300" height="200">
... (Content continues with Forms, Semantic HTML, Tables, etc.)