Índice:
Vídeo: Identificand elementos html e criando uma pág nos pdrões web 2024
O HTML usa palavras-chave de texto especial chamadas elementos para estruturar e modelar um site. O navegador reconhece um elemento e aplica seu efeito se as seguintes três condições existirem:
-
O elemento é uma letra, palavra ou frase com significado especial. Por exemplo, h1 é um elemento reconhecido pelo navegador para aplicar um efeito de cabeçalho, com texto em negrito e tamanho de fonte ampliado.
-
O elemento é fechado com um suporte angular esquerdo (<) e um suporte angular (>). Um elemento deste tipo é chamado de tag (como, por exemplo,
).
-
Uma tag de abertura () é seguida por uma tag de fechamento (). Observe que a etiqueta de fechamento difere da tag de abertura pela adição de uma barra diagonal após o primeiro suporte esquerdo e antes do elemento (como, por exemplo, ).
Algumas tags HTML são auto-fechadas e não precisam de tags de fechamento separadas, apenas uma barra invertida na tag de abertura.
Quando todas as três condições são atendidas, o texto entre as tags de abertura e de fechamento é denominado com o efeito definido da tag. Se mesmo uma dessas condições não for atendida, o navegador exibirá texto simples.
Para uma melhor compreensão dessas três condições, veja o exemplo abaixo:
Este é um grande título com as três condições
h1 Este é o texto sem o sinal em torno da tag / h1 Este é um texto com uma etiqueta que não tem significado para o navegador. Este é um texto regular
Você pode ver como um navegador exibiria este código aqui.
O navegador aplica um efeito de cabeçalho a "Este é um grande título com as três condições" porque h1 é uma marca de cabeçalho e as três condições para uma tag HTML válida existem:
-
O navegador reconhece o elemento h1.
-
O elemento h1 é cercado com um suporte de ângulo direito (<) e direito (>).
-
) é seguida por texto e depois uma tag de fechamento (
).
Observe como a própria etiqueta h1 não é exibida no cabeçalho. O navegador nunca exibirá o texto real de um elemento em uma tag HTML devidamente formatada.
As linhas restantes de código são exibidas como texto simples porque cada uma delas está faltando uma das condições. Na segunda linha de código, a marca
está faltando os colchetes esquerdo e direito, o que viola a segunda condição.
A terceira linha de código viola a primeira condição porque o rockstar não é um elemento HTML reconhecido. Finalmente, a quarta linha de código é exibida como texto simples porque não possui nenhuma tag de abertura que precede o texto e nenhuma tag de fechamento que segue o texto, o que viola a terceira condição.
Cada suporte de ângulo esquerdo deve ser seguido após o elemento com um suporte angular direito. Além disso, todas as tags HTML de abertura devem ser seguidas com uma tag HTML de fechamento. Existem mais de 100 elementos HTML.
O HTML é um linguagem indulgente e pode aplicar um efeito corretamente mesmo se você estiver faltando partes de código, como uma tag de fechamento. No entanto, se você deixar muitos erros, sua página não será exibida corretamente.
