Retornar para NOVA HOME

Obs: Alguns arquivos foram renomeados para correção de sintaxe

Aprendendo e Fazendo.
(Meu grande rascunho HTML com um pouco CSS)

Texto de h1 (cor e background no CSS)

Texto cor de h2 (cor e background no CSS)

Tamanho de h3 (cor e background no CSS)

Tamanho de h4 (cor, background, 'text-align: justify;' e 'text-indent' no CSS)

Tamanho de h5

Tamanho Só vai ate h6

Texto pequeno com 'small' e texto grande com 'big' Não compatível com HTML5.

h6 em small é sacanagem! Mas toda biba lê (obs: não vi o resultado deste código)

Musica para teste de audio

Filhos do Pai

'p' é igual a Paragrafo

Paragrafo

"hr" coloca uma linha horizontal divisória👇

No Visual Code selecione o texto, em seguida (WIN + SHIFT P.) Ai abre a box e digita ‘abb’ seleciona “Emmet Wrap…. E depois digita na caixa (box)“código/tag” e enter

Adicionado emoji, comandos para emoji: '&#x' + o código do emoji (1F596) = (🖖)

Link para Emojipedia

LinKs de Resumos de Aluas

OBS: Estes abrem na mesma aba pois são internos.

Inserir Estilo Esterno com CSS.

Fontes em CSS - Padrão do sistema, local interna, externa, e baixada do Google font.

Alinhamento de Textos usando CSS.

Seletores Personalizados, formatação cores em estilo externo.

Estilos Inline

Estilos Locais / Internos

Gradiente em CSS.

Site de Exemplo.

EX. Agencia de Viagens

Formulário

Pseudo class

Tabela

Exemplo de hover

Script destes links (Tbm. pseudo class).

Alguns arquivos foram renomeados para correção de sintaxe

Seletores personalizados

ELEMENTOS DE FORMATAÇÃO / DICAS BÁSICAS .

texto em 'enfase'.

Texto inserido com 'ins'.

Texto como excluído com del.

texto sublinhado com 'u' (não semântica).

Texto sobrescrito com 'sup'.: x²⁰+3

Texto subscrito com 'sob'.: H₂o

texto marcado com 'mark' (cores em style inline).

Exemplo cor, não usar a tag 'fonte' não é compatível com HTML5.

Exemplo texto 1.

Exemplo texto 2.

Exemplo texto 3.

Exemplo texto 4.

Exemplo texto 5.

Exemplo texto 6.

Negrito e Itálico

"b" e "strong" colocam em negrito, porem "strong" é semântica, da força.
"i" e "em" colocam em itálico , porem "em" é semântica assim como a tag "address" que indica endereço (aponta para o Google Maps)

EX: minha casa era na

Av. Atlântica , 156.

"HTML Entities" de LESS THAN ( "> <"= "& l t" "& g t")
Símbolos para representar < menor e maior >

Inserir imagens com Visual Studio 4: img enter em seguida Alt + Esc com cursor no meio das “ “ ai seleciona a imagem do mesmo diretório

Segurando 'Alt" o cursor se multiplica no Visual Studio Code

LINKs

OBS: Estes abrem em nova aba pois são externos.

Link para meu GitHub.

Link para Ericasarti Símbolos ♜ ‹¾› ≠ HTML5 ♜ ‹♘› .® Entities e Unicode

Link para ADOBE Paleta de Cores.

Link para Paelton Paleta de Cores.

Link para Coolor.co Paleta de Cores.

Link para Google Font usar on line ou baixar font.

Link para DaFont baixar fontes.

Link para W3SCHOLS HTML CSS.

Link para W3SCHOLS Referência de elemento HTML.

Link para Lorem Ipsum uma leitura e tando.🙈

Link para Emojipedia EMOJIS.

Link para IconArchive ÍCONES.

Link para Iana Media Types.

Repositório do Curso Guanabara no GitHub

Exemplo para downloads

Eu estou estudando HTML

Imagem dinâmica

Tente abrir esse site em vários dispositivos diferentes ou simplesmente aumente e diminua o tamanho do seu navegador

Testes de audio

Suavidade Louca

Bailarina e o soldado de chumbo