Tags e Atributos em HTML

O que são tags e atributos?

Tags e atributos são a base do HTML.

Eles trabalham juntos, mas desempenham funções diferentes – vale a pena investir 2 minutos na diferenciação dos dois.

Se perdeu o artigo passado, favor de voltar e dar uma pequena leitura: HTML para Iniciantes

O que são tags HTML?

As tags são usadas para marcar o início de um elemento HTML e geralmente são colocadas entre colchetes angulares.

Um exemplo de uma tag é: <h1>.

A maioria das tags deve ser aberta <h1>e fechada </h1>para funcionar.

O que são atributos HTML?

Os atributos contêm informações adicionais. Os atributos assumem a forma de uma tag de abertura e informações adicionais são inseridas .

Um exemplo de um atributo é:

<img src=”minhafoto.jpg” alt=”A foto do meu perfil.”>

Nesse caso, a fonte da imagem (src) e o texto alternativo (alt) são atributos da <img>tag.

Regras de ouro para lembrar

A grande maioria das tags deve ser aberta (<tag>) e fechada (</tag>) com as informações do elemento, como um título ou texto, entre as tags.

Ao usar várias tags, as tags devem ser fechadas na ordem em que foram abertas. Por exemplo: <strong><em>Tente isto é importante!</em></strong>

Editores de HTML

Agora que tiramos a teoria básica do caminho. É hora de aprender a criar nosso primeiro site.

Primeiro, precisamos garantir que temos as ferramentas certas. Mais importante, precisamos de um editor de HTML.

Existem muitas opções no mercado. Aqui estão alguns dos mais populares: Editores de HTML

O que evitar

A visualização front-end do seu código varia de navegador para navegador – você aprenderá mais sobre isso com CSS avançado.

Não use o Microsoft Word ou qualquer outro processador de texto ao escrever código HTML, apenas um editor de HTML ou, pelo menos, o bloco de notas embutido da sua máquina, é adequado para a tarefa.

Em segundo lugar, verifique se você instalou vários navegadores diferentes, como Chrome e Firefox , para visualizar sua próxima criação.

Baixe aqui o Navegador Chrome
Baixe aqui o Navegador Firefox

Se você chegou ate aqui, então podemos continuar: Seja bem-vindo mais uma vez ao Curso HTML para iniciantes. Clica no link abaixo para continuar:🤗🤗🤗

Criando sua primeira página HTML

174 total views, 1 views today

Deixe uma resposta

O seu endereço de email não será publicado. Campos obrigatórios marcados com *

*