Fundamentos Básicos de HTML
Estruturas básicas das tag <h1> até <h6> e <hr>:
As tag "H" em HTML significam "Heading" ou no portugues "Cabeçalho" e são organizadas por números que vão
de 1 até 6. Os valores numéricos nessas TAGS são a importancia dela na página como na lista abaixo:
<h1>: Utilizado para criar o título principal da página. Geralmente, é o elemento de cabeçalho mais
importante e deve ser usado uma única vez por página para garantir uma estrutura clara e hierárquica.
<h2>: Usado para os subtítulos principais, ajudando a organizar o conteúdo em seções mais específicas
dentro da página. Pode aparecer várias vezes conforme necessário.
<h3>: Utilizado para subtítulos de segundo nível, proporcionando uma estrutura ainda mais detalhada para o
conteúdo. O texto dentro de <h3> é menor do que o de <h2> e ajuda a criar uma hierarquia mais
refinada.
<h4>, <h5> e <h6>: Continuam a estrutura hierárquica com tamanhos de fonte progressivamente
menores. Embora menos utilizados atualmente, ainda podem ser úteis para criar níveis adicionais de subtítulos e
organizar o conteúdo em detalhes mais específicos.
<hr>: Cria uma linha horizontal que pode ser usada para separar visualmente diferentes seções do conteúdo.
É útil para melhorar a legibilidade e a organização da página.
Utilizando Parágrafos, Marcações e Citações:
Para criar um parágrafo em HTML, utilizamos a tag <p>. Todo o texto dentro dessa tag é formatado como um
parágrafo, com espaçamento adequado antes e depois para garantir uma leitura clara e organizada.
Por exemplo, veja abaixo um parágrafo formatado:
Este é um exemplo de parágrafo criado usando a tag <p>.
Marcação
Marcação é o processo de destacar partes do texto, semelhante a usar um marcador em um texto impresso. Em HTML,
usamos a tag <mark> para destacar palavras ou frases, tornando-as mais visíveis.
Veja um exemplo de marcação:
"Utilizamos o comando <mark> para destacar o texto, como se estivéssemos usando um
marca-texto."
O resultado é que o texto marcado aparece em um fundo amarelo, simulando o efeito de um marca-texto.
Citação
Para inserir uma citação de uma fonte externa ou qualquer citação no seu site, usamos a tag <blockquote>.
Esta tag formata o texto como uma citação, geralmente com uma margem adicional e uma formatação diferenciada
para destacá-la do restante do conteúdo.
Exemplo de citação:
"Oi, eu sou o Goku - goku2023"
Formatação de Texto:
Para formatar o texto em HTML, utilizamos várias tags. Embora memorizar todas as tags possa ser
desafiador, algumas são bastante simples e amplamente usadas no desenvolvimento diário. Abaixo estão algumas das
tags de formatação de texto mais comuns:
- <strong>: Aplica negrito ao texto, tornando-o mais destacado e enfatizado. Exemplo:
Texto em negrito.
- <i>: Aplica itálico ao texto, dando-lhe uma inclinação. Exemplo: Texto em itálico.
- <u>: Adiciona sublinhado ao texto. Exemplo: Texto sublinhado.
- <small>: Reduz o tamanho do texto, fazendo-o menor em relação ao texto padrão. Exemplo:
Texto pequeno.
- <sup>: Aplica um efeito de sobrescrito ao texto, que é menor e alinhado acima da linha de
base. Exemplo: Texto sobrescrito.
- <sub>: Aplica um efeito de subscrito ao texto, que é menor e alinhado abaixo da linha de
base. Exemplo: Texto subscrito.
Essas tags são úteis para destacar, estilizar e organizar o texto em suas páginas HTML, ajudando a melhorar a
clareza e a apresentação do conteúdo.
Usando Imagens no HTML:
para inserirmos imagens no nosso site ultilizamos a tag <img>.
Em seguida colocamos o seu "source",e dentro do seu source colocamos a url desejada que em prática fica assim
img src="www.imagemlegal.com"
E no final fica assim:
