}

Lista de recursos html

Campo de pesquisa input de pesquisa

fieldset para criar essa borda ao redor da div < fieldset> < /fieldset>

Lista fora de ordem

lista fora de ordem

lista ordenada

tabela

A	B	C
1	2	3
1	2	3
1	2	3
1	2	3

Video dentro do servidor

para rodar em todos os navegadores baixe em mp4 e ogg usando um source para cada

video com iframe

audio

Conceito de placeholder

Serve para deixar um texto em um campo, quando clica o texto some

ex:

Autofocus

Serve para o cursos ja estar no campo onde tem que ser digitado , apos você entrar em algum site

Ex:

Size e MaxLength

size é o tamanho em caracteres do espaço do campo (depende muito de cada navegador)

maxlength tamanho maximo de caracteres em um determinado campo

Auto complete

degrade Em graus o degrade

Animações

sombras A sombra no texto

Transição O Texto recebe uma transição passe o muse aqui...

WordWrap para "concertar" o espaço na div para nao quebrar a div e separar a palavra

no css crie a propriedade: (word-wrap:break-word;)

Meta tag (social sharing)

São descriçoes quando voce copia e cola no face por exemplo ele aparece uma pequena descrição

no começo do html crie a (meta)

meta property="og:url" content="sua url do site"/>

apos o property voce usa og: type para nome do artigo, og:title para titulo. drescription para descrição. image para link de uma imagem com tamanho padrão tamanho maximo 5mega tamano 1200px por 630px.

a outras mais para o face, vai em doc no developer do facebook que la terá miotas mais.

citação aqui o texto: texto de fulano aqui

ou assim

"ou assim tambem"

tag main main foi feita para usar uma na pagina inteira. ela expecifica o conteudo da pagina

usando-a em um local certo:

usando no "meio" ou no conteudo que se esta falando

usando aqui no assunto principal, conteudo unico da pagina

nao usar dentro das tags : article , aside, header, footer

tag address usando para motores de busca as informações de contato da empresa ou industria, geralmente usada no rodape.

aqui

tag figure

geralmente usada quando tem fotos em um blogue usando para legenda na foto

legenda para foto nos motores de busca tambem

tag dl

Programar: Fazer o programa de; planejar; incluir em programação.
Exercitar: Adestrar, formar, habilitar: exercitar os soldados nas armas.

Flexbox: Introdução e Direções

Flex 1

Flex 2

Flex com tamanhos distintos 2 iguais e 1 maior

Flexbox: Alinhamentos com wrap ativado em se ajusta a tela mantendo o tamanho fixo da div

tamanho 200px

alinhando o conteudo justificado no counteiner

sobe ou desce as div

1 sobe

2 centro

3 desce

4 centro

5 sobe

texto