Scribd
Upload
2 views

Complete_HTML_Notes

Good

Uploaded by

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

Complete_HTML_Notes

Good

Uploaded by

Borra ram kumar
Copyright
© © All Rights Reserved
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