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

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

Página 8 | Ouça em áudio

4.4. Introdução ao HTML: Estrutura básica, tags e atributos

HTML, que significa HyperText Markup Language, é a linguagem de marcação padrão para a criação de páginas na web. Ela é usada para descrever a estrutura e o conteúdo de um documento web, e é composta por uma série de elementos ou 'tags' que o navegador interpreta para exibir a página web como pretendido pelo desenvolvedor.

Estrutura básica de um documento HTML

Um documento HTML básico começa com o doctype , que informa ao navegador a versão do HTML que o documento está usando. O documento HTML real começa e termina com as tags <html> e </html>.

Dentro dessas tags, temos duas partes principais: a 'head' (<head> e </head>) e o 'body' (<body> e </body>). A 'head' contém informações sobre o documento que não são exibidas na janela do navegador, como o título da página (que é exibido na barra de título do navegador ou na guia da página) e links para arquivos CSS e JavaScript que podem ser usados na página. O 'body' contém o conteúdo real da página que é exibido no navegador.

Tags em HTML

As tags são usadas para marcar elementos em um documento HTML. Elas são geralmente compostas por um nome de elemento cercado por sinais de menor e maior. A maioria dos elementos HTML tem uma tag de abertura e uma tag de fechamento, com o conteúdo do elemento contido entre as duas.

Por exemplo, um parágrafo em HTML é marcado com a tag <p> (a tag de abertura) e a tag </p> (a tag de fechamento). Qualquer coisa entre essas duas tags é tratada como um parágrafo pelo navegador e é exibida de acordo.

Existem muitas tags diferentes disponíveis em HTML, cada uma com um propósito específico. Algumas das tags mais comuns incluem <h1> a <h6> para cabeçalhos, <p> para parágrafos, <a> para links, <img> para imagens e <div> e <span> para divisões genéricas de conteúdo.

Atributos em HTML

Atributos fornecem informações adicionais sobre um elemento HTML. Eles são sempre especificados na tag de abertura e geralmente vêm em pares de nome/valor. Por exemplo, a tag de link <a> geralmente inclui o atributo 'href', que especifica o URL para o qual o link deve apontar.

Outros atributos comuns incluem 'src' (que especifica a fonte de um elemento, como uma imagem ou um vídeo), 'alt' (que fornece um texto alternativo para um elemento, para ser exibido se o elemento não puder ser renderizado) e 'style' (que pode ser usado para adicionar CSS diretamente a um elemento).

Os atributos são uma parte importante do HTML, pois permitem que você personalize o comportamento e a aparência de um elemento para se adequar às suas necessidades. No entanto, eles devem ser usados com moderação, pois o uso excessivo de atributos pode tornar o código HTML difícil de ler e manter.

Em resumo, o HTML é uma linguagem de marcação poderosa e flexível que permite criar uma ampla variedade de páginas da web. Ao entender a estrutura básica de um documento HTML, bem como o uso de tags e atributos, você pode começar a criar suas próprias páginas da web e se tornar um desenvolvedor front-end eficaz.

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

Qual é a função da tag 'head' em um documento 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: Tags de cabeçalho

Próxima página do Ebook Gratuito:

9Introdução ao HTML: estrutura básica, tags e atributos: Tags de cabeçalho

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