O que é a HTML? (What is HTML?)

Em Português:

HTML, que significa Linguagem de Marcação de Hipertexto, é a linguagem de marcação padrão usada para criar páginas da web. Ele descreve a estrutura de uma página da web e consiste em uma série de elementos. Os elementos HTML dizem ao navegador como exibir o conteúdo.

Por exemplo, considere o seguinte documento HTML:

<!DOCTYPE html>
<html>
<head>
<title>Título da Página</title>
</head>
<body>
<h1>Meu Primeiro Cabeçalho</h1>
<p>Meu primeiro parágrafo.</p>
</body>
</html>

Aqui está o que as diferentes partes significam:

  • A declaração <!DOCTYPE html> define que este documento é um documento HTML5.
  • O elemento <html> é o elemento raiz de uma página HTML.
  • O elemento <head> contém informações meta sobre a página HTML.
  • O elemento <title> especifica um título para a página HTML (que é mostrado na barra de título do navegador ou na aba da página).
  • O elemento <body> define o corpo do documento e é um contêiner para todo o conteúdo visível, como cabeçalhos, parágrafos, imagens, links, tabelas, listas, etc.
  • O elemento <h1> define um grande cabeçalho.
  • O elemento <p> define um parágrafo.

Um elemento HTML é definido por uma tag de início, algum conteúdo e uma tag de fim. Por exemplo, <p>Meu primeiro parágrafo.</p> é um elemento de parágrafo, com <p> como a tag de início, Meu primeiro parágrafo. como o conteúdo e </p> como a tag de fim.

Note que alguns elementos HTML não têm conteúdo (como o elemento <br>). Esses elementos são chamados de elementos vazios e não têm uma tag de fim.

HTML não é uma linguagem de programação, mas uma linguagem de marcação usada para definir a estrutura do seu conteúdo. Outras tecnologias além do HTML são geralmente usadas para descrever a aparência/presentação de uma página da web (CSS) ou funcionalidade/comportamento (JavaScript).

In English:

HTML, which stands for HyperText Markup Language, is the standard markup language used to create web pages¹. It describes the structure of a web page and consists of a series of elements¹. HTML elements tell the browser how to display the content¹.

For example, consider the following HTML document:

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>

Here’s what the different parts mean¹:

  • The <!DOCTYPE html> declaration defines that this document is an HTML5 document.
  • The <html> element is the root element of an HTML page.
  • The <head> element contains meta information about the HTML page.
  • The <title> element specifies a title for the HTML page (which is shown in the browser’s title bar or in the page’s tab).
  • The <body> element defines the document’s body, and is a container for all the visible contents, such as headings, paragraphs, images, hyperlinks, tables, lists, etc.
  • The <h1> element defines a large heading.
  • The <p> element defines a paragraph.

An HTML element is defined by a start tag, some content, and an end tag¹. For example, <p>My first paragraph.</p> is a paragraph element, with <p> as the start tag, My first paragraph. as the content, and </p> as the end tag¹.

Note that some HTML elements have no content (like the <br> element). These elements are called empty elements and do not have an end tag¹.

HTML is not a programming language, but a markup language used to define the structure of your content³. Other technologies besides HTML are generally used to describe a web page’s appearance/presentation (CSS) or functionality/behavior (JavaScript)².

References:

[1]AliMD, “1Tuts/WT-Fundamentals/HTML-Fundamentals/HTML-Introduction.md at 7b18b3d395aa93880362fa84d9efc8b65bb98705 · AliMD/1Tuts,” GitHub. [Online]. Available: https://github.com/AliMD/1Tuts/tree/7b18b3d395aa93880362fa84d9efc8b65bb98705/WT-Fundamentals%2FHTML-Fundamentals%2FHTML-Introduction.md

[2]“HTML basics – Learn web development | MDN,” MDN Web Docs, Feb. 29, 2024. [Online]. Available: https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/HTML_basics

[3]“Introduction to HTML.” [Online]. Available: https://www.w3schools.com/html/html_intro.asp

HTML