TML COMPLETE NOTES (ONE PAGE –
H meta http-equiv="refresh" content="5">
<
ALL TOPICS) <meta http-equiv="refresh" content="5;
1. HTML BASICS url=URL">
- HTML = HyperText Markup Language Uses:
- Used to structure web pages using tags - SEO ,Refresh, Redirect ,Cookies
2. DOCUMENT STRUCTURE 11. FORMS
3. TAGS - Used to collect user data
- Written in <> <form action="URL"
- Opening + Closing → <p>...</p> method="GET/POST">
- Empty (void) → <br>, <hr>, <img> </form>
4. ELEMENTS - GET → data in URL
- Element = <tag>content</tag> - POST → secure
- Nested elements allowed 12. INPUT FIELDS
- HTML forms a tree structure - <input> inside form
5. BASIC TAGS Types:
- Headings → <h1> to <h6> - text, password, email, number
- Paragraph → <p> ,Line break → <br> - radio, checkbox, file
- Horizontal line → <hr> Attributes:
- Preserve format → <pre> - name (important), value,placeholder
- Non-breaking space → required
- Center (deprecated) → <center> 13. BUTTONS
6. ATTRIBUTES - <button>
- Syntax → <tag name="value"> Types: button ,submit (default),reset
Core: <input type="button">
- id → unique ,class → grouping 14. LINKS (<a>)
style → CSS ,title → tooltip - Used for navigation
International: <a href="URL">Text</a>
- dir (ltr / rtl), lang,xml:lang Attributes: href , target="_blank"
Generic: 15. IMAGES (<img>)
- align, valign - Display images
- bgcolor, background <img src="path" alt="text">
- width, height Attributes:
7. FORMATTING TAGS - src ,alt
- <b> bold ,<i> italic 16. TABLES
- <u> underline m,<strike> strike <table>
<tt> monospace ,<sup> superscript <tr>
- <sub> subscript ,<del> deleted <th>Header</th>
- <ins> inserted ,<big> big text <td>Data</td>
- <small> small text </tr>
8. GROUPING </table>
- <div> → block Tags:
- <span> → inline - table, tr, th, td
9. PHRASE / INLINE TAGS 17. LISTS
- <em>, <strong> Ordered:
- <mark> ,<abbr>, <acronym> <ol><li>Item</li></ol>
- <bdo>, <dfn>, <blockquote>, <q> Unordered:
- <cite> ,<code>, <kbd>, <var>, <samp> <ul><li>Item</li></ul>
- <address> 18. SEMANTIC HTML5 TAGS
10. META TAGS - <header>
- Inside <head> - <nav>
- Provide metadata - <section>
Examples: - <article>
<meta name="keywords" - <footer>
content="HTML"> Purpose:
<meta name="description" content="HTML - Better structure
basics"> - SEO friendly