Principais TAGS HTML

Principais Tags HTML: Uma Visão Geral das Tags Mais Utilizadas

Neste artigo, vamos explorar as tags HTML mais usadas e fornecer uma visão geral sobre como utilizá-las.

Claro! Vou adicionar alguns elementos de SEO ao post:

Hoje em dia, todos os sites contêm partes do seu código em HTML. O HTML é uma linguagem simples e fácil de manusear, e não são muitas as tags que você precisa memorizar. Neste post, vamos falar um pouco mais sobre essas tags. Se você não sabe o que são tags, clique aqui e veja nosso post sobre a estrutura básica do HTML.

Tag HTML:

<html>

Aqui vai todo o código do nosso site

</html>

Essa é a tag que abre uma página HTML. Todo o conteúdo do nosso website deve estar entre essas tags.

Tag Head:

<head>

    <!-- O que for digitado aqui não aparecerá na página -->

    <title>Título da página</title>

    <meta name="description" content="Descrição da página em até 160 caracteres.">

</head>

Diferente da tag HTML, a tag Head contém informações sobre a página, como as conexões com arquivos CSS e outros recursos, além do título que aparece na aba do navegador. Adicionamos uma nova linha com a tag meta para fornecer uma descrição concisa da página. Essa descrição é usada pelos mecanismos de busca nos resultados de pesquisa.

Tag Body:

<body>

    Tudo o que estiver aqui será visto no navegador....

</body>

Tudo entre essas tags é o corpo do nosso site. É o que aparece no navegador, desde o menu até o rodapé do site.

Tag Link:

<link rel="stylesheet" type="text/css" href="nomearquivo.css" />

A tag Link é utilizada para conectar outros tipos de arquivos de diferentes linguagens com a nossa página HTML, como o arquivo CSS, que estiliza o site. Geralmente, essa tag é colocada dentro da tag Head, mas não é obrigatório. O atributo "href" é usado para especificar o caminho até o arquivo CSS.

Tag BR:

texto <br> texto

Essa tag é usada para pular uma linha. No caso do HTML, simplesmente dar "Enter" no código não é suficiente para pular uma linha em textos. Você precisa utilizar a tag BR ou fazer alterações no arquivo CSS, que veremos mais adiante.

Tag IMG:

<html>

<img src="pastadaimagem/nomedaimagem.jpg" alt="Descrição da imagem">

</html>

Essa tag é utilizada para adicionar imagens ao seu código HTML. Assim como as outras tags mencionadas, ela não possui fechamento. O atributo "src" é onde você deve especificar o caminho até a imagem desejada. Lembre-se de que o caminho da imagem não pode conter espaços. Também adicionamos o atributo "alt" para fornecer uma descrição alternativa da imagem para fins de acessibilidade e SEO.

Essas são algumas das tags mais utilizadas do HTML. Se você tiver dúvidas, não hesite em comentar. No futuro, estarei postando vários tutoriais sobre todas as tags do HTML, explicando para que servem e como utilizá-las.