Introdução ao HTML
O HTML, que significa HyperText Markup Language ou simplesmente HTML, representa o alicerce essencial da web, possibilitando a criação do “esqueleto” de uma página web. Este texto visa proporcionar uma introdução clara e concisa ao HTML, abordando seus componentes básicos.
Nota
Os arquivos HTML têm a extensão
.html.
Tags
No universo do HTML, as tags desempenham um papel fundamental. Elas podem ser compostas por corpo ou não, e algumas podem conter atributos que recebem valores específicos.
A representação de tags segue um formato claro, começando com a abertura da tag, seguida pelo corpo, caso exista, e encerrando com a tag de fechamento. A estrutura base de um documento HTML pode ser exemplificada como:
<!-- TAG com corpo -->
<nome-da-tag> <!-- começo da TAG -->
<!-- Corpo da TAG -->
<nome-de-outra-tag>
<!-- TAG sem corpo -->
<tag-sem-corpo />
<!-- TAG com atributos -->
<tag-sem-corpo atributo="valor"/> <!-- Pode ou não ter atributos que recebem valores -->
<tag-sem-corpo atributo="valor1 valor2"/> <!-- Atributos que podem receber 1 ou + valores -->
</nome-de-outra-tag>
</nome-da-tag> <!-- fim da TAG -->Estrutura base
A estrutura básica de uma página HTML envolve o uso de tags como <html>, <head>, <title>, e <body>.
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<title>Título</title>
</head>
<body></body>
</html>Hierarquia
As tags no HTML seguem uma hierarquia que deve ser respeitada tanto para a abertura e fechamento das mesmas. Para isso, a indentação é uma forma de facilitar a visibilidade dessa hierarquia.
Atributos
Os atributos, por sua vez, são informações específicas para determinadas tags e são incluídos na abertura da tag. Vale ressaltar que o HTML é insensível a maiúsculas e minúsculas, proporcionando flexibilidade na escrita do código.
Além disso, algumas observações importantes devem ser consideradas, como a possibilidade de abrir e editar arquivos HTML com qualquer ferramenta que compreenda o formato .txt. Adicionalmente, é recomendável validar o código HTML usando ferramentas como o validador disponível em https://validator.w3.org/.