Video: Curso de CSS - Aula 7 (Posicionamento de Elementos, Bordas e Z-Index)

HTML usa palavras-chave texto especiais chamados elementos a estrutura e estilo de um site. O navegador reconhece um elemento e aplica seu efeito caso se verifiquem as seguintes três condições:

• 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 um tamanho de fonte ampliada.

• O elemento é fechado com uma esquerda; cantoneira (lt;) E para a direita; cantoneira (gt;). Um elemento fechado desta maneira é chamado de etiqueta (Tal como, por exemplo,).

• Um tag de abertura () É seguido por um código de fecho (). Note-se que a etiqueta de fecho difere do tag de abertura por meio da adição de uma barra após o primeiro suporte esquerda e antes de o elemento (tais como, por exemplo,).

  Algumas tags HTML são auto-fechamento, e não precisam de tags de fechamento separadas, apenas uma barra na tag de abertura.

Quando estiverem reunidas todas as três condições, o texto entre a abertura e fechamento de tags é denominada com efeito definido do tag. Se até mesmo uma dessas condições não for atendida, o navegador exibe apenas texto simples.

Para uma melhor compreensão destas três condições, consulte o código de exemplo abaixo:

Este é um grande título com todas as três condições
h1 Este é um texto sem a lt; e gt; assinar em torno do tag / h1Este é um texto com uma etiqueta que não tem nenhum significado para o navegadorEste é um texto normal

Você pode ver como um navegador exibirá este código aqui.

O navegador aplica um efeito de cabeçalho para “Este é um grande título com todas as três condições”, porque h1 é uma tag de cabeçalho e existem três condições para uma tag HTML válida:

Video: Как сделать страницу Mobile First и адаптивный дизайн 24 | HTML элементы веб|страницы

• O navegador reconhece a h1 elemento.

  Video: APRENDA HTML5 E CSS3 - #2 HTML5 em um vídeo

• o h1 elemento é cercado com uma esquerda (lt;) E o suporte em ângulo recto (gt;).

• O tag de abertura () é seguido por texto e, em seguida, uma marca de fechamento ().

Observe como o h1 tag si não é exibido no título. O navegador nunca vai exibir o texto real de um elemento em uma tag HTML formatado corretamente.

As restantes linhas de exibição do código como texto simples porque cada um deles está faltando uma das condições. Na segunda linha de código, o tag está faltando o suportes esquerdo e direito, o que viola a segunda condição.

A terceira linha de código viola a primeira condição porque estrela do rock não é um elemento HTML reconhecido. Finalmente, a quarta linha de displays de código como texto simples porque não tem nenhuma marca de abertura antes do texto, e nenhuma marca de fechamento após o texto, o que viola a terceira condição.

Cada ângulo colchete esquerdo devem ser seguidas após o elemento com um ângulo suporte direito. Além disso, cada tag HTML de abertura deve ser seguido com uma marca de fechamento HTML. existem mais de 100 elementos HTML.

HTML é uma linguagem de perdoar e pode aplicar corretamente um efeito mesmo se você está perdendo pedaços de código, como um tag de fechamento. No entanto, se você deixar em muitos erros, a página não exibir corretamente.