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?
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.
Space Invaders
A partida mais longa do clássico Space Invaders durou incríveis 38 horas e 32 minutos e esta façanha foi conseguida por um jogador de apenas 12 anos! O jogo, claro, podia ser pausado para alimentação e descanso, mas ainda assim o recorde, estabelecido no dia 02/09/1980, ainda não foi quebrado. Saiba mais.
Pac Man
Apenas no ano de 1982, o clássico Pac Man vendeu mais de 400 mil máquinas de fliperama em todo o mundo e recebeu cerca de 7 bilhões de moedas nestas máquinas. 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.
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.