O que é HTML

O HTML (HyperText Markup Language) é uma linguagem de marcação utilizada para estruturar e formatar o conteúdo de uma página da web. Embora não seja uma linguagem de programação no sentido tradicional, ela desempenha um papel crucial na criação de páginas web, permitindo aos desenvolvedores definir a organização e a apresentação do conteúdo exibido nos navegadores.

Em resumo, o HTML é a linguagem que os desenvolvedores usam para estruturar o conteúdo de uma página web. Ele permite a formatação, organização e apresentação adequada do conteúdo, permitindo que os navegadores interpretem e exibam as páginas conforme o projeto do desenvolvedor.

Anatomia de um elemento HTML

Vamos explorar nosso elemento parágrafo um pouco mais:

As partes principais do elemento são:

  1. Tag de abertura: Consiste no nome do elemento ( neste caso: p ), envolvido entre parênteses angulares de abertura e fechamento. Isso indica onde o elemento começa, ou inicia a produzir efeito — neste caso, onde o parágrafo se inicia.
  2. Tag de fechamento: É o mesmo que a tag de abertura, exceto que este inclui uma barra diagonal antes do nome do elemento. Indica onde o elemento termina — neste caso, onde fica o fim do parágrafo. Falhar em incluir o fechamento de uma tag é um erro comum para iniciantes e pode levar a resultados estranhos.
  3. O conteúdo: Este é o conteúdo do elemento, que neste caso é somente texto.
  4. O elemento: A tag de abertura, mais a tag de fechamento, mais o conteúdo, é igual ao elemento.

Combinando elementos

Elementos podem ser inseridos dentro de outros elementos — isto é chamado de aninhamento. Se nós quisermos dizer que nosso gato é muito mal-humorado, nós poderemos envolver a palavra "muito" com o elemento <strong>, que significa enfatizar fortemente a palavra:

html

<p>Meu gato é <strong>muito</strong> mal-humorado.</p>

No entanto, você precisa garantir que seus elementos estejam adequadamente aninhados: no exemplo acima nós abrimos o elemento p primeiro, e então o elemento strong, portanto temos que fechar o elemento strong primeiro, depois o p. O código a seguir está errado:

html

<p>Meu gato é <strong>muito mal-humorado.</p></strong>

Os elementos devem abrir e fechar corretamente para que eles fiquem claramente dentro ou fora do outro. Caso eles se sobreponham, como no exemplo acima, então o seu navegador tentará adivinhar o que você quis dizer, e talvez você obtenha resultados inesperados. Então não faça isso!

Exemplo de Uso da Tag <strong>

Veja um exemplo de como a tag <strong> é usada:

Meu gato é muito mal-humorado.

Exemplo de Uso da Tag Errado <strong>

Veja um exemplo errado como a tag <strong> é usada:

Meu gato é muito mal-humorado.

Elementos vazios

Nem todos os elementos seguem o padrão acima de: tag de abertura, conteúdo, tag de fechamento. Alguns elementos consistem apenas em uma única tag, que é geralmente usada para inserir/incorporar algo no documento no lugar em que ele é incluído. Por exemplo, o elemento <img> insere uma imagem em uma página na posição em que ele é incluído:

<img src="URL_DA_SUA_IMAGEM_AQUI" />

Isto exibirá em sua página:

Imagem de exemplo

Atributos

Elementos também podem conter atributos, que se apresentam da seguinte forma:

My cat is very grumpy />

Atributos contém informação extra sobre o elemento, mas que você não deseja que apareça no conteúdo.

Nestecaso, o atributo class permite que você dê ao elemento um nome de identificação, que pode ser usada mais

tarde para direcionar informação de estilo ao elemento e outras coisas.

Um atributo deve conter:

Um atributo deve conter:

  1. Um espaço entre ele e o nome do elemento (ou o atributo anterior, caso o elemento já contenha um ou mais atributos.)
  2. O nome do atributo, seguido por um sinal de igual.
  3. Um valor de atributo, com aspas de abertura e fechamento em volta dele.

Profissional de Alta Performance

Exemplo CSS />

Conheça os 5 Destinos Paradisíacos no Nosso País!

Apresentamos os pacotes turísticos perfeitos para quem busca experiências inesquecíveis em cenários paradisíacos dentro do nosso país. Nossas landing pages são projetadas para ajudá-lo a escolher o destino dos seus sonhos e realizar uma viagem incrível.

Cada uma das nossas landing pages exclusivas destaca um destino diferente:

  1. Desfrute das praias de areia branca e águas cristalinas em [Nome do Destino 1].
  2. Explore a exuberante natureza e cachoeiras em [Nome do Destino 2].
  3. Mergulhe na cultura e gastronomia local em [Nome do Destino 3].
  4. Aventure-se em trilhas e paisagens montanhosas em [Nome do Destino 4].
  5. Relaxe em resorts de luxo e praias isoladas em [Nome do Destino 5].

Nossas landing pages fornecem detalhes sobre cada destino, fotos deslumbrantes e opções de pacotes turísticos personalizados. Ao escolher um dos nossos pacotes, você estará prestes a vivenciar momentos inesquecíveis em um verdadeiro paraíso.

Reserve seu pacote agora e embarque em uma jornada emocionante para os destinos mais incríveis do nosso país!