HTML, que significa Hyper Text Markup Language, é a linguagem de marcação padrão para a criação de páginas e aplicativos web. É uma das principais ferramentas que qualquer desenvolvedor front-end deve dominar. Este módulo do nosso e-book curso irá apresentar a estrutura básica do HTML, suas tags e atributos.
Estrutura básica do HTML
Um documento HTML é composto por uma série de elementos, cada um representado por uma tag. A estrutura básica de um documento HTML se parece com isto:
<!DOCTYPE html> <html> <head> <title>Titulo da página</title> </head> <body> Conteúdo da página vai aqui. </body> </html>
O <!DOCTYPE html> no início do documento é uma declaração que informa ao navegador que este é um documento HTML5. A tag <html> envolve todo o conteúdo da página. Dentro dessa tag, temos duas outras tags importantes: <head> e <body>.
A tag <head> contém informações sobre a página que não são visíveis para o usuário, como o título da página (que aparece na barra de título do navegador) e links para arquivos CSS e JavaScript externos. A tag <body> contém todo o conteúdo que o usuário vê, como texto, imagens, links, etc.
Tags HTML
As tags HTML são a base de qualquer página web. Elas definem a estrutura e o layout da página, e podem ser usadas para adicionar texto, imagens, links e outros elementos. Aqui estão algumas das tags mais comuns:
- <h1> a <h6>: Estas tags são usadas para adicionar títulos e subtítulos. <h1> é o título de maior importância (e geralmente o maior em tamanho), enquanto <h6> é o de menor importância.
- <p>: Esta tag é usada para adicionar parágrafos de texto.
- <a>: Esta tag é usada para adicionar links.
- <img>: Esta tag é usada para adicionar imagens.
- <div>: Esta tag é usada para agrupar outros elementos.
Atributos HTML
Os atributos HTML são usados para fornecer informações adicionais sobre um elemento. Eles são sempre especificados no início da tag e têm a seguinte estrutura: nome_do_atributo="valor_do_atributo". Aqui estão alguns dos atributos mais comuns:
- class: Este atributo é usado para especificar uma ou mais classes para um elemento. As classes são usadas para selecionar elementos com CSS e JavaScript.
- id: Este atributo é usado para especificar um identificador único para um elemento. O id deve ser único dentro do documento.
- src: Este atributo é usado para especificar a fonte de um elemento de mídia, como uma imagem ou um vídeo.
- href: Este atributo é usado para especificar o URL de um link.
- alt: Este atributo é usado para especificar um texto alternativo para uma imagem, que será exibido se a imagem não puder ser carregada.
Em resumo, o HTML é a espinha dorsal de qualquer página web. Dominar a estrutura básica do HTML, suas tags e atributos é essencial para qualquer desenvolvedor front-end. No próximo módulo do nosso e-book curso, iremos explorar o CSS, a linguagem usada para estilizar as páginas HTML e criar layouts atraentes e responsivos.
