Agora que você já entende o que são tags e elementos, chegou a hora de aprender a organizar o conteúdo da página do jeito certo.
No HTML, isso começa com títulos e parágrafos.
Os títulos: <h1> até <h6>
O HTML possui seis níveis de títulos, que vão do mais importante ao menos importante:
<h1>Título principal</h1>
<h2>Subtítulo</h2>
<h3>Seção interna</h3>
<h4>Detalhe</h4>
<h5>Informação secundária</h5>
<h6>Nota pequena</h6> O código acima contruiria a seguinte página:
Cada nível indica a importância do conteúdo, e não o tamanho do texto.
Hierarquia de conteúdo
Os títulos criam uma hierarquia lógica na página, como se fosse o índice de um livro:
<h1>→ assunto principal da página<h2>→ seções do conteúdo<h3>→ subseções
O erro mais comum: usar <h1> por tamanho
<h1> apenas porque ele é grande. No HTML, o tamanho do texto é responsabilidade do CSS. O HTML se preocupa apenas com o significado do conteúdo.
Você pode ter:
- Um
<h2>visualmente maior que um<h1> - Um
<h1>pequeno, mas semanticamente correto
Parágrafos com <p>
Para textos comuns, usamos a tag de parágrafo:
<p>Este é um parágrafo de texto.</p> O navegador entende que esse conteúdo é um bloco de texto e aplica espaçamento automaticamente.
<p>. Exemplo de estrutura correta
<h1>Curso de HTML</h1>
<h2>Introdução</h2>
<p>Este curso ensina os fundamentos do HTML.</p>
<h2>Estrutura básica</h2>
<p>Toda página HTML possui uma estrutura padrão.</p>
O código acima resultará na seguinte página sendo criada:
Essa organização deixa o conteúdo claro para:
- Quem está lendo
- Navegadores
- Mecanismos de busca
- Leitores de tela
Visual não é estrutura
💾🧠 Resumo da aula para nunca mais esquecer
- HTML possui seis níveis de títulos:
<h1>a<h6> - Títulos representam hierarquia, não tamanho
- O
<h1>indica o assunto principal da página - Textos comuns devem ser escritos com
<p>
Na próxima aula, vamos aprender sobre quebras de linha, comentários e formatação básica no HTML.
HARDWARE
Entendendo o seu computador
O que há dentro do meu computador?
Existem alguns componentes fundamentais presentes dentro do seu computador e é muito importante que você conheça um pouco sobre eles, seja para argumentar com algum vendedor durante a compra de um novo PC ou para identificar alguma atitude desleal de algum técnico que esteja te passando um orçamento para reparo. Na seção Raio-X aqui do Contém Bits você pode conhecer e entender mais detalhadamente sobre cada componente, ou também pode clicar abaixo no componente que deseja, para conhecê-lo melhor.
-
Gabinetes
-
Placas-Mãe
-
Processadores
-
Memória
-
Fontes
-
Drives Ópticos
-
Discos Rígidos
-
SSD
-
Placas de Som
-
Placas de Vídeo
Você Sabia?
Mortal Kombat - O Filme
O filme Mortal Kombat, inspirado no jogo de mesmo nome, faturou 23 milhões de dólares apenas no fim de semana de estreia nos EUA. Ainda sobre este título de sucesso, outra cifra que impressiona é o faturamento ao longo do primeiro ano: 1 bilhão de dólares no mundo todo.
Mario em Donkey Kong
O personagem Mario surgiu pela primeira vez no mundo dos games em um jogo chamado Donkey Kong, lançado em 1981. Mario, que naquela época se chamava Jumpman, não era o personagem principal do jogo, mas ele se tornaria um dos mais famosos personagens do mundo dos games. Saiba mais.
Mouse
O mouse foi criado em 9 de dezembro de 1968, por um americano chamado Douglas Engelbart, que o batizou de "XY Position Indicator for a Display System". Conheça a história do mouse clicando aqui.
Playstation
O Playstation só nasceu porque uma parceria entre Sony e Nintendo, para desenvolver uma unidade de CD para o Super Nintendo, fracassou. Clique aqui e saiba mais.
Máquina de Pascal
A Máquina de Pascal, criada em 1642 pelo filósofo, físico e matemático francês Blaise Pascal, é reconhecida como o primeiro computador do mundo e ele foi criado com o objetivo de calcular impostos. Saiba mais.