O documento discute conceitos básicos de HTML, incluindo como personalizar elementos usando ID e classe, semântica HTML5, CSS para estilização, e exemplos de navegação.
4. HTML Semântico
As novas tags do HTML5 trazem novos significados
semânticos para usarmos em elementos HTML
HTML com estrutura baseada no significado de seu conteúdo
6. HTML Semântico
Benefícios:
Um usuário cego pode usar um leitor de tela para ouvir a página
Robôs de busca como o Google também são leitores não visuais
9. O que é CSS
(Folhas de estilo em cascata)
Como os elementos HTML devem ser exibidos
O HTML nunca foi projetado para conter tags
para formatar uma página da web!
O HTML foi criado para descrever o conteúdo de uma página da Web
13. Efeito cascata
3. folha de estilo do desenvolvedor;
a) estilo externo (importado ou linkado)
b) estilo incorporado (definido na seção head do
documento)
c) estilo inline (dentro de um elemento HTML)
17. Sintaxe
propriedade: é a propriedade do elemento HTML ao qual será
aplicada a estilização definida no valor (por exemplo: tamanho da
fonte, cor do texto, altura do elemento)
18. Sintaxe
valor: é a característica específica a ser assumida pela
propriedade (por exemplo: letra tipo arial, cor azul, fundo verde,
altura igual a 300px)
21. Um HTML múltiplos estilos
https://www.w3schools.com/css/css_intro.asp
22. CSS Colors
<h1 style="color: red;">Título vermelho com nome da cor</h1>
<p style="color: #ff0000;">Parágrafo em vermelho hexadecimal</p>
<p style="color: (255, 0, 0);">Outro parágrafo em vermelho com RBG</p>