HTML significa Hypertext Markup Language (Linguagem de Marcação de Hipertexto). É a linguagem de marcação padrão para documentos projetados para serem exibidos em navegadores da web. HTML pode ser auxiliado por tecnologias como Cascading Style Sheets ( CSS ) e linguagens de script como JavaScript.
Em sua essência, a internet é uma vasta rede de computadores conectados globalmente. A principal forma de interação com essa rede é por meio da World Wide Web ( WWW ), um sistema de documentos de hipertexto interligados e acessados pela internet. No centro da WWW estão as páginas da web, que são documentos escritos em HTML . HTML fornece a estrutura básica dos sites, que é então aprimorada e modificada por outras tecnologias, como CSS e JavaScript.
Um documento HTML é estruturado de acordo com um conjunto de tags aninhadas, que são elementos entre colchetes angulares. Essas tags informam ao navegador como exibir o conteúdo. Um exemplo de estrutura simples de um documento HTML é:
<!DOCTYPE html>
<html>
<cabeça>
<title>Título da página</title>
</cabeçalho>
<corpo>
<h1>Este é um título</h1>
<p>Este é um parágrafo.</p>
</corpo>
</html>
Este código define uma página da web básica com um título, um cabeçalho e um parágrafo de texto.
Documentos HTML são compostos por elementos HTML. Cada elemento é representado por uma tag inicial, algum conteúdo e uma tag final. As tags inicial e final de um elemento são idênticas, exceto que a tag final inclui uma barra antes do nome do elemento.
Por exemplo, a tag <code><p></code> envolve um parágrafo de texto e é estruturada da seguinte forma:
<p>Este é um parágrafo de exemplo.</p>
Elementos diferentes atendem a propósitos diferentes. Por exemplo:
Elementos HTML podem ter atributos que fornecem informações adicionais sobre os elementos. Os atributos são colocados na tag inicial de um elemento e geralmente são fornecidos em pares nome/valor, como <code>nome="valor"</code>.
Por exemplo, para incorporar uma imagem, usamos a tag <code><img></code> com o atributo <code>src</code> (fonte) para especificar a URL da imagem:
<img src="url para image.jpg" alt="Descrição da imagem">
O atributo <code>alt</code> fornece texto alternativo para a imagem caso ela não possa ser exibida.
O uso da tag <code><a></code> cria hiperlinks, que são fundamentais para a interconectividade da web. Um hiperlink pode levar a outra página da web, a uma seção diferente na mesma página ou até mesmo a um arquivo para download. Por exemplo:
<a href="https://example.com">Visite Example.com</a>
Isso cria um link para <code>https://example.com</code>.
HTML fornece elementos para a criação de listas. Existem dois tipos principais de listas:
Cada item na lista é colocado dentro da tag <code><li></code> (item da lista).
HTML5 é a evolução mais recente do padrão, introduzindo muitos novos recursos que refletem as necessidades modernas de documentos multimídia e interativos. Entre eles, novos elementos estruturais (<code><header></code>, <code><footer></code>, <code><article></code>, <code><section></code>), elementos gráficos (<code><canvas></code> para desenho, <code><svg></code> para gráficos vetoriais escaláveis) e elementos de mídia (<code><audio></code> e <code><video></code>).
HTML semântico refere-se ao uso de marcação HTML para reforçar a semântica, ou o significado, das informações em páginas da web. Em vez de simplesmente definir a aparência ou o comportamento dos elementos (tarefa do CSS e do JavaScript), HTML semântico descreve com precisão a estrutura e o tipo de conteúdo. Por exemplo, uma tag <code><article></code> indica que o conteúdo é um artigo, enquanto uma tag <code><nav></code> indica um menu de navegação.
O uso de HTML semântico melhora a acessibilidade e a capacidade de pesquisa do conteúdo da web, tornando-o mais utilizável e detectável.
HTML é uma tecnologia fundamental da World Wide Web, fornecendo a estrutura básica para páginas web. Por meio do uso de tags, atributos e elementos, HTML permite a criação de documentos estruturados. Ao compreender e utilizar HTML , é possível criar uma ampla gama de conteúdo acessível na web, desde simples documentos de texto até complexas experiências multimídia interativas. Como base para o desenvolvimento web, o domínio do HTML é essencial para quem deseja projetar ou desenvolver para a web.