HTML Comprehensive Quiz

Hyper Text Markup Language — HTML stands for Hyper Text Markup Language. It's the standard markup language for creating web pages.

<h1> — The h1 element defines the highest-level heading. Heading levels express structure; CSS determines their visual size.

<br> — The <br> tag inserts a single line break. It's an empty element with no closing tag.

/ — The forward slash (/) is used in end tags. For example: </p> closes a paragraph tag.

<a href="http://example.com">Example</a> — The <a> tag with href attribute creates a hyperlink: <a href="URL">Link Text</a>

alt — The alt attribute provides alternative text for images if they cannot be displayed. It's also important for accessibility.

<title> — The <title> tag defines the title of the document shown in the browser's title bar or page tab.

<!DOCTYPE html> — <!DOCTYPE html> is the document type declaration for HTML5. It must be the very first thing in your HTML document.

<ol> — The <ol> tag creates an ordered (numbered) list. Use <ul> for unordered (bulleted) lists.

<style> — The <style> tag is used to define internal CSS styles within an HTML document.

id — The id attribute uniquely identifies an element. Each id value must be unique within the page.

Both <b> and <strong> — Both <b> and <strong> make text bold, but <strong> also indicates semantic importance.

<footer> — The <footer> element represents a footer for a document or section. It's a semantic HTML5 element.

<img src="image.jpg" alt="My Image"> — The <img> tag with src attribute inserts an image. The alt attribute provides alternative text.

range — The input type="range" creates a slider control for selecting a value within a range.

<input type="checkbox"> — The <input type="checkbox"> creates a checkbox input field.

style — The style attribute is used to add inline CSS styles directly to HTML elements.

To create a division or section — The <div> element is a container used to group and style block-level content.

<nav> — The <nav> element defines a section of navigation links. It's a semantic HTML5 element.

Provides metadata about the HTML document — The <meta> tag provides metadata about the HTML document, such as description, keywords, and character set.

<tr> — The <tr> tag defines a table row. It contains <td> (data cells) or <th> (header cells).

<th> — The <th> tag defines a header cell in a table. Content is bold and centered by default.

<dl> — The <dl> tag defines a description list, containing <dt> (terms) and <dd> (descriptions).

<ul> — The <ul> tag creates an unordered (bulleted) list. Each item is defined with <li>.

colspan — The colspan attribute specifies how many columns a cell should span horizontally.

action — The action attribute specifies the URL where form data should be sent when the form is submitted.

GET — GET is the default method. It appends form data to the URL. POST is more secure for sensitive data.

email — The input type="email" validates email addresses and shows appropriate keyboard on mobile devices.

Makes a field mandatory — The required attribute specifies that an input field must be filled before submitting the form.

<select> — The <select> element creates a drop-down list, containing <option> elements.

To show hint text — The placeholder attribute provides a hint that describes the expected value of an input field.

readonly — Both readonly and disabled prevent editing, but readonly fields are submitted with the form while disabled fields are not.

<video> — The <video> element is used to embed video content in HTML5 without plugins.

controls — The controls attribute adds video controls like play, pause, and volume to the video element.

MP4 — MP4 (with H.264 codec) is the most widely supported video format across all modern browsers.

<iframe src="youtube.com/embed/..."> — YouTube videos are embedded using an <iframe> element with the YouTube embed URL.

<audio> — The <audio> element is used to embed audio content in HTML5.

<canvas> — The <canvas> element provides a bitmap surface for drawing graphics using JavaScript.

Scalable Vector Graphics — SVG stands for Scalable Vector Graphics. It's XML-based and resolution-independent.

getContext('2d') — The getContext('2d') method returns the 2D drawing context for the canvas element.

Canvas is raster-based, SVG is vector-based — Canvas creates raster (bitmap) graphics, while SVG creates vector graphics that scale without quality loss.

<circle> — The <circle> element draws a circle in SVG with cx, cy (center) and r (radius) attributes.

Geolocation API — The Geolocation API allows web applications to access the user's geographical location.

localStorage — localStorage persists data even after the browser is closed, unlike sessionStorage.

5-10 MB — Web Storage (localStorage and sessionStorage) typically allows 5-10 MB per origin.

draggable='true' — The draggable='true' attribute makes an element draggable in the Drag and Drop API.

Run JavaScript in background — Web Workers allow JavaScript to run in background threads without blocking the UI.

No, no access — Web Workers cannot access the DOM. They run in an isolated context without access to window or document.

XHTML is stricter and follows XML rules — XHTML is stricter than HTML and must follow XML rules (proper nesting, lowercase tags, quoted attributes).

Both A and B — The charset attribute specifies the character encoding for the HTML document, typically UTF-8.