EasyCode365EasyCode365

O que é HTML?

O que é exatamente HTML?

HTML significa HyperText Markup Language (Linguagem de Marcação de HiperTexto). É a linguagem padrão usada em toda a internet para construir e definir a estrutura das páginas web.

Se você pensar em um site como uma casa, o HTML é a estrutura básica e as paredes. Como alternativa, você pode pensar nele como o "esqueleto" de uma página web. Antes de adicionar cores, layouts ou recursos interativos, você precisa primeiro usar HTML para organizar o conteúdo bruto em partes estruturais como títulos, parágrafos, imagens e links.

Como os navegadores renderizam o HTML?

Quando você digita uma URL no seu navegador (como Chrome, Firefox ou Safari), o navegador recebe um documento HTML. O trabalho principal do seu navegador é ler esse arquivo HTML e traduzi-lo no site visual que você vê na tela.

O HTML depende de "tags" para rotular partes do conteúdo. O navegador usa essas tags para entender exatamente como organizar e exibir o documento, mas não mostra as próprias tags para o usuário.

Seu primeiro exemplo de HTML

O conteúdo HTML é construído usando elementos, que geralmente consistem em uma tag de abertura, o conteúdo e uma tag de fechamento.

Aqui está um trecho de código curto mostrando a estrutura básica de um documento HTML:

Editável
<!DOCTYPE html>
<html>
  <head>
    <title>Título da página</title>
  </head>
  <body>
    <h1>Bem-vindo ao meu site!</h1>
    <p>Este é o meu primeiro parágrafo.</p>
  </body>
</html>

O que está acontecendo aqui?

  • <!DOCTYPE html> informa ao navegador que este é um documento HTML5.
  • <html> funciona como o contêiner raiz de toda a página.
  • <body> guarda todo o conteúdo visível que o usuário verá na tela.
  • <h1> é uma tag usada para definir um título grande, enquanto <p> cria um parágrafo de texto padrão.

Demonstração de 'Ver código fonte'

Curiosidade: todo site usa HTML, incluindo este que você está olhando agora mesmo! Como o navegador traduz o HTML nos bastidores, você pode dar uma espiada no código por trás de qualquer página web.

Experimente você mesmo:

  1. Abra qualquer página web no seu navegador.
  2. Clique com o botão direito em uma área em branco da página.
  3. Selecione "Ver código fonte da página" (ou "Ver código fonte", dependendo do seu navegador).

Uma nova aba será aberta mostrando o esqueleto HTML bruto que o navegador usou para renderizar aquela página específica.