Introduction to HTML Quiz

Study Notes

Every HTML document starts with a <html> tag.
Within the <html> tag resides a <head> section and a <body> section.
The <head> section contains metadata about the page (title, character set, etc.).
The <body> section contains the visible content of the web page.

Headings: <h1> to <h6> define headings of different levels. <h1> is the most important, <h6> is the least important.
Paragraphs: <p> defines a paragraph of text.
Lists: <ul> for unordered lists, <ol> for ordered lists. Each list item is wrapped in <li>.
Images: <img> tag to display images, with attributes like src (source) and alt (alternative text for accessibility).
Links: <a> tag creates hyperlinks. The href attribute specifies the URL.
Tables: <table>, <tr> (table row), <td> (table data cell) for tabular data.
Forms: <form> to create interactive forms, with elements like <input>, <textarea>, and <select>.
Div and Span: <div> and <span> are generic containers for grouping elements. <div> works well for structural blocks, <span> is better for stylistic changes or small inline elements.

Attributes provide additional information about HTML elements. They are placed inside the opening tag.
Common attributes include:
- id: Unique identifier for an element.
- class: Assign a class name to style multiple elements.
- src: Source of an image or file.
- href: Target URL for a link.
- alt: Alternative text for images and links.

HTML has gone through several versions (HTML 4.01, HTML5, etc.).
Different versions have varying abilities and features.
HTML5 is the current standard and is more robust, with features like semantic elements (<article>, <aside>, <nav>, etc.) for better structure.

Semantic HTML utilizes elements to represent the meaning rather than just presentation.
This improves readability for both humans and machines (e.g., search engines).
Example: <article>, <aside>, <nav>, <header>, <footer>, <main>

<title>: Defines the title of the web page, displayed in the browser's title bar.
<meta>: Provides metadata about the HTML document, such as character set and description.
<body>: Contains the visible content of the page.
<head>: Contains metadata about the document; not directly displayed but critical for browser behavior and search engine optimization.

CSS is a separate language that allows styling and presentation of web pages created using HTML.
Separating structure (HTML) from presentation (CSS) is a very important part of web development.

HTML is fundamental to creating web pages by defining the structure and content.
Understanding the basic elements and tags is crucial for creating functional and well-structured websites.