Box model
Instituto Federal do Piauí
Instituto Federal do Piauí
Instituto Federal do Piauí
por Ely Miranda em 03/03/2026
Formulários
por Ely Miranda em 03/03/2026
Tabelas
Tabela básica apenas com table, tr e td
| Célula 1,1 | Célula 1,2 | Célula 1,3 |
| Célula 2,1 | Célula 2,2 | Célula 2,3 |
Tabela com cabeçalho sobre notas de alunos
| Aluno | Nota 1 | Nota 2 | Média |
|---|---|---|---|
| Ana | 8,5 | 9,0 | 8,75 |
| Bruno | 7,0 | 6,5 | 6,75 |
Tabela sobre filmes com colspan e rowspan
| Filme | Ano | Gênero |
|---|---|---|
| O Senhor dos Anéis | 2001 | Fantasia/Aventura |
| 2002 | Fantasia/Aventura | |
| Matrix | Ação/Ficção Científica | |
Nova Tabela Complexa (Atividade 3)
| Produto | Semestre 1 | Semestre 2 |
|---|---|---|
| Licenças de Software | 150 un. | 230 un. |
| Manutenção | 45 contratos | 60 contratos |
| Total Geral | 195 itens | 290 itens |
por Ely Miranda em 03/03/2026
Links
por Ely Miranda em 03/03/2026
Listas
Lista ordenada de prioridades
- Estudar para a prova de PI
- Fazer os exercícios de PI
- Assistir às aulas de PI
- Fazer os exercícios de LP1
Lista não ordenada de itens
- Café
- Leite
- Pão
- Manteiga
por Ely Miranda em 03/03/2026
Imagens
Logo original do IFPI:
Imagem relativa original:
Repetição de imagens original:
Imagens Responsivas (Atividade 3)
max-width: 100% e height: auto
Aspect Ratio (16/9) e Object-Fit Cover
Picture Element (Art Direction)
por Ely Miranda em 03/03/2026
Espaçamento
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Illo non cumque vero consequatur.
por Ely Miranda em 24/02/2026
Fontes
Fonte Quicksand
Fonte Quicksand super negrito
Fonte Tilt light
Fonte Tilt itálica
por Ely Miranda em 24/02/2026
Alinhamentos
Parágrafo centralizado. Lorem ipsum dolor sit amet consectetur adipisicing elit.
Parágrafo à direita. Lorem ipsum dolor sit amet consectetur adipisicing elit.
Parágrafo justificado. Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellendus eius doloremque provident esse, vero ipsa facilis.
por Ely Miranda em 24/02/2026
Cores
Texto em laranja
Texto cinza
Texto ciano
por Ely Miranda em 24/02/2026
Símbolos e entidades
A tag inicial do html é <html> e fecha com </html>
Os símbolos de algumas moedas: Euro - €, Dólar - $ e Yene - ¥
Coração e apêndice
Alfabeto grego: α, β, γ e ω
E m o j i s : 😀 💰🕇
por Ely Miranda em 24/02/2026
Formatações simples
Texto em itálico
Texto em negrito
Texto sublinhado
por Ely Miranda em 24/02/2026
Segunda postagem
Parágrafo maior... Lorem ipsum dolor sit amet consectetur adipisicing elit. Optio ipsum vel provident similique voluptate illum tenetur rem, aliquam ad natus, sequi rerum laborum.
por Ely Miranda em 22/02/2026
Postagem inicial
Hello World!
por Ely Miranda em 21/02/2026