HTML Full Notes
Beginner to Intermediate – Simple Explanation
1. HTML Introduction
HTML (HyperText Markup Language) ek markup language hai jo web pages banane ke liye use hoti
hai. HTML tags ke through browser ko bataya jata hai ki content ka structure kya hoga.
2. Basic Structure of HTML
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
Content here
</body>
</html>
3. HTML Elements & Tags
HTML element start tag, content aur end tag se milkar banta hai. Example: <p>This is paragraph</p>
4. Headings & Paragraphs
HTML me 6 headings hoti hain: h1 se h6. Paragraph ke liye <p> tag use hota hai.
5. Text Formatting Tags
Important tags: <b>, <i>, <u>, <strong>, <em>, <mark>
6. Links in HTML
<a href='url'>Link Text</a> – href attribute link ka address batata hai.
7. Images
<img src='[Link]' alt='description'> – img ek empty tag hai.
8. Lists
Ordered List (<ol>), Unordered List (<ul>), List Item (<li>)
9. Tables
Table tags: <table>, <tr>, <th>, <td>
10. Forms
Form user se input lene ke liye use hota hai. Important tags: <form>, <input>, <textarea>, <button>
11. Input Types
text, password, email, number, date, radio, checkbox, submit
12. Attributes
Attributes extra information dete hain jaise id, class, style, title.
13. HTML Semantic Tags
<header>, <footer>, <nav>, <section>, <article>, <aside>
14. Audio & Video
<audio> aur <video> tags multimedia ke liye use hote hain.
15. Iframe
<iframe> dusre webpage ko apne page me show karne ke liye.
16. HTML Comments
<!-- This is comment -->
17. HTML Entities
< , > , & – reserved characters ke liye.
18. HTML vs HTML5
HTML5 me new semantic tags, audio, video aur better structure support hota hai.