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?
Tetris
O título Tetris detém o recorde de jogo mais adaptado de todos os tempos. No total foram mais de 60 plataformas diferentes que receberam alguma versão do quebra-cabeças criado por Alexey Pajitnov. Conheça mais sobre este incrível jogo clicando aqui.
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.
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.
Final Fantasy X
O jogo Final Fantasy X para o Sony Playstation 2 vendeu, apenas no dia do seu lançamento, 1.455.732 cópias, estabelecendo um recorde de vendagem para as primeiras 24 horas de um game. Méritos da SquareSoft, que desenvolveu um excelente produto!
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.