HTML para iniciantes (MARCADORES - Elementos atributos, valores, pais e filhos) #03

Hello Steemians!

O HTML tem três componentes de marcação que são as principais. Sendo eles os elementos, atributos e valores.

ELEMENTOS

Os elementos são como se fossem rótulos ou pequenas descrições que descrevem a pagina web.  Os elementos podem conter texto e até outro elemento e também pode ser vazio.

1. Elemento não vazio; Um elemento não vazio consiste em uma tag de início que contém o nome e atributos do elemento (se tiver) entre os sinais de maior que e menor que "<" ">", o conteúdo e uma tag de fim sendo igual a tag de início porem com uma barra logo após o sinal de menor que. Veja o exemplo: 

Temos a tag de início e de fim (em azul) e o conteúdo (em preto) entre as tags de inicio e de fim.

    2.   Elemento vazio; Um elemento vazio, como o não vazio, tem o sinal de menor que para início do elemento seguido por qualquer atributo que possa ter, um espaço e uma barra (ambos opcionais) e o sinal de maior que para finalizar. Exemplo:

ATRIBUTOS E VALORES

Os atributos contêm informações sobre o conteúdo no documento. Costuma-se usar aspas no valor do atributo(embora não obrigatório, é muito aconselhável usar). Assim como o nome do elemento, o atributo também é em caixa baixa (famosa letra minúscula). Como tudo fica melhor com m exemplo, vejamos um:

Neste caso existem alguns pontos a erem observados

•  for é um elemento de lable
• for é o atributo
• email é o valor do atributo - no caso, atributo for -
• os atributos sempre estarão dentro de uma tag de início.

PAIS E FILHOS

Este eu creio que seja o mais fácil de entender. Basicamente, se um elemento contem outro ele será pai do contido. Vejamos o exemplo:

Percebemos, neste caso, o elemento html é pai do elemento head, que por sua vez é pai dos elemento meta e title.

Legal não é mesmo?! 

Você acredita que as minhas informações são valiosas para Steem e você quer me apoiar? Então por favor vote em mim como testemunha clicando neste link -->https://steemconnect.com/sign/account-witness-vote?witness=zetacoin&approve=1

poste by J.Batista (Zeta)