4.1. Introdução ao HTML: estrutura básica, tags e atributos

Introdução ao HTML

HTML (HyperText Markup Language) é a linguagem principal para a criação de sites e aplicações web. Ela não é uma linguagem de programação, mas sim uma linguagem de marcação. O HTML permite que você estruture sua página web, adicione conteúdo e faça com que o texto seja exibido como desejar. Ele é a espinha dorsal de qualquer site e é uma habilidade essencial para qualquer desenvolvedor front-end.

Estrutura básica do HTML

Um documento HTML básico tem uma estrutura específica que inclui as seguintes partes:

  • Doctype: A primeira linha de qualquer documento HTML é a declaração do doctype. Ele informa ao navegador que tipo de documento esperar. No HTML5, a declaração do doctype é muito simples: ``.
  • Elemento HTML: O elemento HTML é o elemento raiz de uma página HTML. Todos os outros elementos devem ser descendentes deste elemento.
  • Elemento Head: O elemento head contém metadados (dados sobre os dados) que não são exibidos na página web em si, mas são máquina legível. Ele normalmente contém o título da página e links para scripts e folhas de estilo.
  • Elemento Body: O elemento body contém o conteúdo principal da página web, que é exibido no navegador.

Tags HTML

As tags HTML são a sintaxe principal do HTML. Elas são usadas para criar elementos HTML e consistem em um nome de tag cercado por colchetes angulares. As tags HTML vêm em pares, que consistem em uma tag de abertura e uma tag de fechamento.

Por exemplo, aqui está uma tag de parágrafo: `

Este é um parágrafo.

`. A tag de abertura é `

` e a tag de fechamento é `

`. O conteúdo dentro das tags é o conteúdo do elemento.

Atributos HTML

Os atributos HTML são usados para adicionar informações adicionais aos elementos HTML. Eles vêm em pares de nome-valor e são colocados dentro da tag de abertura de um elemento.

Por exemplo, aqui está um elemento de imagem com um atributo src: ``. O nome do atributo é "src" e o valor do atributo é "imagem.jpg". Este atributo diz ao navegador onde encontrar a imagem que deve ser exibida.

Conclusão

Esta é uma introdução básica ao HTML. Aprender HTML é o primeiro passo para se tornar um desenvolvedor web. No entanto, HTML é apenas a ponta do iceberg. Para criar sites interativos e dinâmicos, você também precisará aprender CSS e JavaScript. Mas não se preocupe, vamos cobrir esses tópicos em detalhes nos próximos capítulos.

Agora responda o exercício sobre o conteúdo:

Qual é a função do atributo "src" em uma tag de imagem HTML?

Você acertou! Parabéns, agora siga para a próxima página

Você errou! Tente novamente.

Imagem do artigo Introdução ao HTML: estrutura básica, tags e atributos: Estrutura básica do HTML

Próxima página do Ebook Gratuito:

6Introdução ao HTML: estrutura básica, tags e atributos: Estrutura básica do HTML

4 minutos

Ganhe seu Certificado deste Curso Gratuitamente! ao baixar o aplicativo Cursa e ler o ebook por lá. Disponível na Google Play ou App Store!

Disponível no Google Play Disponível no App Store

+ de 6,5 milhões
de alunos

Certificado Gratuito e
Válido em todo o Brasil

48 mil exercícios
gratuitos

4,8/5 classificação
nas lojas de apps

Cursos gratuitos em
vídeo, áudio e texto