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.

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:

https://cdn.steemitimages.com/DQmcCk9YMvTtf9Zkjt8vHzksZAxzi13VXqix7eKYPdGFkj8/Captura%20de%20Tela%20204.png

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:

https://cdn.steemitimages.com/DQmXN4RixMonM39BPsjn67J8377P6yHsDdz7K2rr6aBBKi9/Captura%20de%20Tela%20203.png

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:

https://cdn.steemitimages.com/DQmaLEHfQ5xwVJkAVzFwHRKfeFANhLWpQCoveP2qTAhc2B3/atributos%20e%20valores.png

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:

https://cdn.steemitimages.com/DQmdrG7mFfhHhk3SeTweCTcARZYkYxpGFLbBTDsHoXMrnim/pais%20e%20filhos.png

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

https://cdn.steemitimages.com/DQmTASKpPeWtmRzAzSEDpvAekvTR9JdfXPvdt1osKSB1G5V/IMG_2162.jpg

Legal não é mesmo?!

https://cdn.steemitimages.com/DQmYJmefXuwDDunsW1c4FJu5a4sNJDyRiXEdR462UK4owvJ/resteemre.png

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)

Topics