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?
Nintendo Entertainment System
O console Nintendo Entertainment System (NES), da Nintendo, detém o recorde de videogame mais clonado em todo o mundo. Já foram catalogados mais de 300 aparelhos diferentes capazes de reproduzir seus jogos! Saiba mais sobre ele aqui.
Ultima Online
Criar um jogo é muito mais complexo do que parece. São milhares, às vezes, milhões de linhas de código. Isso não é exagero! Apenas o jogo Ultima Online possui 6.006.313 linhas de programação, totalizando 25.103.295 palavras
Galaxy Game
As primeiras máquinas de fliperama do mundo a utilizarem moedas, chamadas de Galaxy Game, custavam mais de 20 mil dólares para serem produzidas. Saiba mais sobre elas aqui.
River Raid
O épico jogo River Raid, do Atari, foi desenhado e boa parte de sua programação foi feita por uma mulher: Carol Shaw, uma excelente programadora e funcionária da Activision em 1982. Saiba mais sobre a história deste incrível jogo, aqui.
Duck Hunt
Ao completar o nível 99 do jogo Duck Hunt, para Nintendo, o jogo retorna ao primeiro nível, mas um bug impede que se acerte os patos neste recomeço. Este é um exemplo do que é chamado no mundo dos games de "Kill Screen".