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.
