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

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.

Próxima página do Ebook Gratuito:

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

4 minutos