| Nome | Idade | Comida | Filme | Serie |
|---|---|---|---|---|
| Márcio | 54 | Lasanha | Karate Kid | Smallvile |
| h1 | table | body | caption | tr |
|---|---|---|---|---|
| <td> | <main> | <body> | <cite> | <code> |
| <a> | <abbr> | <area> | <article> | <aside> |
| <audio> | <dl> | <dt> | <figure> | <frame> |
| <font> | <h1> | <h6> | <head> | <id=”…“> |
| <style=”…” > | <title=”…”> | <alt=”…”gt | <align=”…”> | <width=”…”> |
| <height=”…”> | <main></main> | <footer></footer> | <div></div> | <section></section> |
Um tipo de FORMULÁRIO -
Outro tipo de FORMULÁRIO -
Outro tipo de FORMULÁRIO -
Nos estamos acostumado a ver a tag <img> hoje vamos aprender mais um elemento, é o <figure> e o <figcaption>.
Um é usado para imagem e outro para colocar uma espécie de informação desta imagem. Vejamos...
Opção usando um input tipo CHECKBOX (Caixa de checagem)...
Opção usando um input tipo RADIO (Botão tipo radio)...
Opção usando um input tipo PASSWORD (Senha)...
Opção usando um input tipo COLOR (Cores)...
Opção usando um input tipo NUMBER (Número)...
Box Model
Sobrenome:
Exemplo - 1: Tipo de BOX MODEL (Modelo de caixa)...
DICA: Diferente do BOX MODEL acima este exemplo sim é um form, use a tag form
Formulário de Contato
Exemplo - 2: Tipo de BOX MODEL (Mais um modelo de caixa)...
Preste atenção nestes box model - voce vai precisar dele.
Layout com Box Model
Caixa 1
Phasellus condimentum odio et sem tristique, eget ultrices ligula tincidunt.
Caixa 2
Phasellus condimentum odio et sem tristique, eget ultrices ligula tincidunt.
Caixa 3
Phasellus condimentum odio et sem tristique, eget ultrices ligula tincidunt.
Caixa 4
Phasellus condimentum odio et sem tristique, eget ultrices ligula tincidunt.
Caixa 5
Phasellus condimentum odio et sem tristique, eget ultrices ligula tincidunt.
Caixa 6
Phasellus condimentum odio et sem tristique, eget ultrices ligula tincidunt.
Exemplo de SECTION (usado muito para sites responsivos).
- Section Flexbox
- Section Grid 1
- Section Grid 2
- Section Grid 3
Abaixo teremos quatro exemplos:
- Section Flexbox
- Grid I
- Grid II
- Grid III