Nodea — logo

HTML

HTML (HyperText Markup Language) is the fundamental markup language used to build web pages. It describes a document's structure — headings, paragraphs, lists, images, links and forms — which the browser interprets and renders as a finished page. HTML is one of the three pillars of front-end development, alongside CSS, which handles appearance, and JavaScript, which handles interactivity.

How HTML works

An HTML document is made of tags enclosed in angle brackets, such as <p> for a paragraph or <a> for a link. Most tags come in pairs — an opening and a closing tag — and can carry attributes that refine their behavior, like the destination of a link or the alternative text of an image. From this structure the browser builds the DOM (Document Object Model) tree, on which CSS styles and scripts then operate. The whole document is delivered to the browser over the HTTP protocol.

The current standard, HTML5, introduced semantic tags (for article, navigation, footer and more), native multimedia support without plugins, and form elements that previously required scripting. Semantics are not just about tidy code — they help search engines and assistive technologies understand the content hierarchy.

Practical application

HTML is the foundation of every website — from a simple business card to a complex application. Content management systems like WordPress generate HTML automatically from templates, but knowing the language lets you deliberately control the structure. Well-formed, semantic markup has a direct impact on SEO: proper use of H1–H6 headings, image alt attributes and semantic tags makes it easier for crawlers to index and understand a page.

Powiązane pojęcia

Najczęstsze pytania

Is HTML a programming language?

Not in the strict sense. HTML is a markup language — it describes the structure and meaning of content but contains no logic, conditions or loops. Dynamic behavior is handled by JavaScript, and appearance by CSS.

What is semantic HTML and why does it matter?

It means using tags according to their meaning — for example header, article, nav or footer instead of generic block elements. Semantics improve accessibility for screen readers and make it easier for search engine crawlers to understand a page's structure and hierarchy.