HTML Notes
HTML (HyperText Markup Language):
----------------------------------
- Standard language for creating webpages.
- Defines the structure of a webpage using a system of elements and tags.
Key Elements:
1. <!DOCTYPE html> : Defines the document type.
2. <html>: Root element of an HTML page.
3. <head>: Contains meta-information about the document (e.g., title, links to CSS).
4. <body>: Contains the content of the document, like text, images, and links.
5. <h1> to <h6>: Defines headings, <h1> being the highest level.
6. <p>: Defines a paragraph.
7. <a>: Defines a hyperlink, uses 'href' attribute to link to other URLs.
8. <img>: Embeds images, uses 'src' attribute to specify the image URL.
9. <ul>, <ol>, <li>: Defines lists (unordered and ordered).
10. <div> and <span>: Container elements for grouping content, useful in layout design.
11. Forms: <form>, <input>, <button>, etc. for user input.
Attributes:
- Global attributes: 'id', 'class', 'style', 'title', etc.
- Boolean attributes: 'disabled', 'readonly', etc.
- href, src, alt, target, rel (specific to certain tags like <a>, <img>).
Semantic HTML:
- <header>, <footer>, <main>, <article>, <section>: Enhance document structure for better SEO and
accessibility.