Glossary

HTML glossary

44 terms found

Search

Abbreviation

HTML

Shortened form of a term marked up with `abbr`, often expanded through a `title` attribute.

The abbreviation `DOM` can be marked up with `abbr` to clarify its expanded meaning.

Accordion

HTML

Interface pattern that lets the user expand and collapse sections of content to reduce visual noise.

A FAQ block can use an accordion so learners only open the answer they need.

Alt Text

HTML

Alternative description provided through the `alt` attribute of an image so its meaning is still available without sight or without the file loading.

A product photo should use alt text that explains what the image shows.

Anchor

HTML

HTML link element written with `a`, often used with `href` to create navigation targets.

An anchor can jump to `#faq` inside the same page.

ARIA

HTML

Accessibility attribute system that helps describe custom interface behavior to assistive technologies when native HTML is not enough.

A custom toggle may expose `aria-expanded="true"` so a screen reader knows its panel is open.

Attribute

HTML

Extra information written inside an opening HTML tag to define details such as destination, type or description.

The `href` attribute tells a link where it should point.

Audio

HTML

HTML media element used to embed playable sound content in a page.

A narrated summary can be delivered through the `audio` element.

Body

HTML

The part of an HTML document that contains the visible and interactive content of the page.

Headings, paragraphs and links belong in the body.

Canonical URL

HTML

Preferred URL declared for a page when multiple similar URLs might exist.

A canonical link can point to the main course URL instead of a filtered variation.

Core Web Vitals

HTML

A group of user-focused metrics that measure loading, visual stability and interaction quality.

Defining image dimensions helps improve Core Web Vitals by reducing layout shifts.

Datalist

HTML

Element that provides suggested values for an input without forcing the user into a closed selection.

A brand field can suggest car manufacturers through a datalist.

Definition List

HTML

List created with `dl` to pair terms with their explanations.

A short glossary can be marked up as a definition list.

Doctype

HTML

Declaration that tells the browser to interpret the document using modern HTML standards mode.

A modern page starts with `<!DOCTYPE html>`.

Element

HTML

A complete HTML unit made of a tag and, when applicable, its content and closing tag.

A heading element can contain the main title of a page section.

Fieldset

HTML

Form element used to group related controls into one semantic block.

Vehicle details in a form can be grouped inside a fieldset.

Form

HTML

HTML structure used to collect and submit data entered by the user.

A registration form can ask for name, email and password.

Frontend

HTML

Part of web development that runs in the browser and includes structure, styling and user-facing behavior.

The layout of a page and its interactive buttons are part of the frontend.

Global Attribute

HTML

Attribute that can be used on many HTML elements, such as `id`, `class`, `title`, `hidden` or `data-*`.

A `class` attribute can be shared across several cards to apply the same styling pattern.

Head

HTML

The document section that stores metadata such as title, charset, viewport settings and linked resources.

The page title lives in the head, not in the visible body content.

Heading

HTML

A structural title element such as `h1` to `h6` that defines hierarchy inside the page.

An `h1` often names the main topic of the page.

HTML

HTML

HyperText Markup Language. Markup language used to structure content on the web.

Tags such as `<header>`, `<nav>` and `<footer>` define the structure of a page.

Iframe

HTML

HTML element used to embed another browsing context, such as a video player or external page.

A YouTube video can be embedded with an iframe and a descriptive title.

Input

HTML

Form control element used to capture user data such as text, email, numbers or passwords.

An email input can trigger browser validation when the address format is invalid.

Keyboard Input

HTML

Inline semantic representation of a key or shortcut, usually marked up with the `kbd` element.

The shortcut `Ctrl + S` can be shown with `kbd` elements.

Label

HTML

Text element associated with a form control so users know what information the field expects.

A label reading `Email` should be connected to the email input.

Legend

HTML

Caption-like label that names the purpose of a `fieldset` group.

A legend such as `Vehicle details` helps explain what the grouped fields are about.

Link

HTML

Navigational connection created in HTML so users can move to another page, resource or section.

A link can take the user from the homepage to the HTML course page.

List

HTML

Structured group of related items represented in HTML with list elements such as `ul`, `ol` or `dl`.

A syllabus overview can be marked up as a list of lessons.

Meta Description

HTML

Metadata summary that describes the page for search and preview contexts.

A meta description can summarize a course page in one concise sentence.

Metadata

HTML

Information about the document that helps browsers, search engines and tools understand how the page should be handled.

Charset and viewport tags are metadata stored in the head.

Meter

HTML

Element that represents a value within a known range, such as quality, risk or battery level.

A battery indicator can be marked up with `meter` instead of `progress`.

Ordered List

HTML

List created with `ol` when the sequence of the items matters.

A step-by-step tutorial usually uses an ordered list.

Paragraph

HTML

A block of text represented with the `p` element, usually used for one coherent idea or reading unit.

A long article is easier to read when its text is split into paragraphs.

Progress Bar

HTML

Element that represents how much of a task has been completed, usually marked up with `progress`.

A file upload can show 60 percent completion with a progress bar.

Script Async

HTML

A script loading strategy that downloads in parallel and runs as soon as it is ready, without preserving order.

An analytics tag can use `async` because it does not need to wait for the main app bundle.

Script Defer

HTML

A script loading strategy that downloads in parallel but runs after HTML parsing finishes, preserving order.

The main app script often uses `defer` so it does not block the first render.

Semantic HTML

HTML

Use of HTML elements according to their meaning and role instead of choosing them only for appearance.

Using `main`, `article` and `footer` is a semantic choice when those roles fit the content.

Structured Data

HTML

Machine-readable metadata, often provided with JSON-LD, that helps describe what the page content represents.

A course page can expose structured data that identifies it as a `Course`.

Table

HTML

HTML structure used to represent data organized in rows and columns.

A pricing comparison can be presented as a table with headers and body rows.

Table Caption

HTML

Short label that explains what a table represents as a whole.

A caption such as `Subscription plans` gives the whole table shared context.

Table Header

HTML

Header cell marked up with `th` to describe a row or column in a table.

A table header can define the meaning of the `Price` column.

Tag

HTML

The markup syntax used to define an HTML element, usually with an opening form and often a closing form.

The `p` tag defines a paragraph element.

Unordered List

HTML

List created with `ul` when the order of the items does not matter.

A feature list often works well as an unordered list.

Video

HTML

HTML media element used to embed playable video content in a page.

A lesson recording can be embedded with the `video` element and native controls.

What is this?

I'm Cristian Eslava and I sometimes build websites so both you and I can learn and experiment. culTest

I made this in February 2026 to make learning easier for my students. The idea is to learn web development by practicing and to keep expanding the project with new topics, tests and challenges.

It draws inspiration from MDN, W3Schools, CodePen, Manz and many other web development references. I wanted to combine useful theory, runnable examples, challenges and the testing system I had already built for culTest. culTest

If you liked it, if you didn't, or if you want to get in touch, write to me at cristianeslava@gmail.com