1.
Document Structure
• <!DOCTYPE html> – Declares the document type.
• <html> – The root element of an HTML page.
• <head> – Contains metadata and links to styles/scripts.
• <title> – Defines the title of the webpage (shown on the browser tab).
• <body> – Contains the main content of the webpage.
2. Headings and Text
• <h1> to <h6> – Headings (h1 is the largest, h6 is the smallest).
• <p> – Paragraph.
• <br> – Line break (no closing tag).
• <hr> – Horizontal line (no closing tag).
• <strong> – Bold text.
• <em> – Italicized text.
• <u> – Underlined text.
• <span> – Inline container for styling.
3. Links and Images
• <a href="URL"> – Creates a hyperlink.
• <img src="image.jpg" alt="description"> – Displays an image.
4. Lists
• <ul> – Unordered list (bulleted).
• <ol> – Ordered list (numbered).
• <li> – List item.
5. Tables
• <table> – Defines a table.
• <tr> – Table row.
• <td> – Table data (cell).
• <th> – Table header.
6. Forms (User Input)
• <form> – Form container.
• <input> – User input field.
• <label> – Label for input.
• <textarea> – Multi-line text input.
• <button> – Clickable button.
• <select> – Dropdown list.
• <option> – Options in a dropdown.
7. Div and Semantic Elements
• <div> – Block container for grouping elements.
• <section> – Defines a section of content.
• <article> – Represents an independent piece of content.
• <header> – Header section.
• <footer> – Footer section.
• <nav> – Navigation links.
• <aside> – Sidebar content.