HTML Tags, Elementos e Atributos
- #HTML
O'Que é HTML?
NÃO! HTML não é uma linguagem de programação…
O HTML como seu próprio nome fala (HyperText Markup Language) é uma Linguagem de Marcação de Hipertexto
Basicamente o HTML é a estrutura base das construções WEB. O “Hipertexto” é uma referência aos links que fazem a conexão entre as páginas. O termo “Marcação” é usado em referência a anotação de texto, imagens e outros tipos de conteúdos exibidos no navegador.
Essa linguagem de marcação é usada para definir a estrutura do conteúdo da página. É um conjunto de elementos que agrupam diversas partes de um conteúdo para que ele apareça de uma forma em específica.
Falando em elementos é importante destacar que “elementos” e “tags” não são a mesma coisa dentro do HTML. Basicamente nós temos os “elementos”, as “tags” e os “atributos”.
Qual é a diferença e a definição correta para “tag” e “elemento”?Qual é a diferença e a definição correta para “tag” e “elemento”?
Bom, segundo a Mozilla, “As tags começam ou terminam um elemento no código fonte, enquanto os elementos são parte do DOM”
No exemplo do https://tableless.github.io/iniciantes/manual/html/ a gente consegue perceber nitidamente o'que seria a definição de uma “tag”, de um “elemento” e de um “atributo”.
<!-- A Tag <img> define que o conteúdo do Elemento é uma imagem e os atributos que utilizamos são src e alt -->
<img src="logo.png" alt="HTML 5 Logo" />
E onde ficam os atributos nessa história?
Bom os atributos nesse caso são o src e o alt. Atributo nada mais é que informações que passamos para as tags para que elas se comportem da forma desejada, alguns exemplos são:
class, accesskey, hidden, id, style, title entre muitas outras.
Obrigado pela leitura até aqui, até o próximo artigo :D
Referência:
