2.3 HTML

A Linguagem de Marcação de Hipertexto (HTML) é a linguagem principal da web. Conhecida em inglês como Hypertext Markup Language, ela permite que os desenvolvedores desenhem como serão exibidos pelo navegador os elementos da página, como texto, hiperlinks e arquivos multimídia.

Essa linguagem funciona de modo estático, o que significa que você não pode criar uma página na internet dinâmica ou interativa usando o HTML. Ele apenas modifica os elementos estáticos de uma página na web, como cabeçalho de conteúdo, rodapé, posição de imagens, etc, como visto na Figura 2.

O HTML usa diversas tags, incluindo cabeçalhos, tabelas e parágrafos para definir as estruturas de uma página. Cada tag é definida usando a fórmula <a> e </a>. Elas são geralmente chamadas de tag de “abertura” e de “fechamento”, respectivamente (HERTEL, 2021).

Outras tecnologias além do HTML geralmente são usadas para descrever a aparência/apresentação (CSS) ou a funcionalidade/comportamento (JavaScript) de uma página da web (MDN, 2021).

Conforme MARQUES (2019), as principais tags em HTML são:

<head> – local para declarar todas informações, como título e metadados da sua página;
<title> – define o título;
<body> – local para declarar todos os elementos que irão compor o corpo da página;
<h1>, <h2>, <h3>, <h4>, <h5> e <h6> – tags para definir um título e subtítulos, variando de 1 a 6, sendo h1 o título mais importante e h6 o de menor importância;
<p> – tag para definir um parágrafo;
<a> – tag de link, junto ao atributo href=“” é responsável pela principal característica da web;
<header> – define um cabeçalho;
<section> – define uma seção;
<article> – define um artigo;
<div> – define uma divisão;
<footer> – define um rodapé;
<nav> – define uma área de navegação (como menus);
<table> – define uma tabela;
<ol> – define uma lista ordenada;
<ul> – define uma lista não ordenada;
<li> – define o item de uma lista;
<form> – define um formulário;
<input> – define os campos do formulário;
<textarea> – define uma área para o usuário digitar um texto;
<button> – define um botão;
<img> – permite inserir uma imagem no seu documento.