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?
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.
PC com barulho?
Excesso de barulho dentro do seu gabinete, principalmente logo que você o liga, pode ser sintoma de problemas nas ventoinhas, que podem precisar ser limpas ou trocadas. Entre em contato com um técnico de sua confiança e verifique isso o quanto antes.
Muitos aplicativos
Instalar vários aplicativos com o mesmo propósito, como editores de texto, reprodutores de músicas ou vídeos e até programas antívirus sobrecarregam o seu sistema operacional e ainda ocupam espaço desnecessário em seu HD. Tenha apenas um bom programa para cada função.
ENIAC
O ENIAC, primeiro computador valvulado do mundo, possuía 17.000 válvulas, 500.000 pontos de solda, 30 toneladas de peso e ocupava uma área de 180 metros quadrados. Clique aqui e conheça mais sobre a história dos computadores.
Música tema do Blanka
Até a primeira metade dos anos 90 era bastante comum que as trilhas sonoras dos games fossem criadas por mulheres e a responsável pelas músicas do clássico Street Fighter 2 foi Yoko Shimomura. Segundo ela, o ritmo "Tararirarin" da música tema do personagem Blanka, do Brasil, veio à sua cabeça enquanto ela estava no trem a caminho da Capcom.