0% found this document useful (0 votes)
2 views

Complete_HTML_Notes

Good

Uploaded by

Borra ram kumar
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
2 views

Complete_HTML_Notes

Good

Uploaded by

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

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.)

You might also like