← Learn to Code — Python, Java, C, SQL & Web · Aprender a Programar — Python, Java, C, SQL & Web
Web Basics — HTML & CSS · Noções de Web — HTML & CSS
Start from zero. Short steps. Build a real web page. · Comece do zero. Passos curtos. Construa uma página web real.
html 21 Lessons · Lições
Every lesson runs in your browser — write real code, press Run, and the tasks check themselves. Free, no account needed, with translated notes paired with English. · Cada aula roda no seu navegador — escreva código real, pressione Executar e as tarefas se verificam sozinhas. Grátis, sem necessidade de conta, com notas traduzidas em par com o inglês.
Start the course · Iniciar o curso
Lessons in this course · Lições neste curso
No lessons match. Clear the search or choose another filter.
- history A short history of the web · Uma breve história da web Reading and resources
- usage What a web page is made of · Do que uma página web é composta Reading and resources
- resources Where to learn more · Onde aprender mais Reading and resources
- setup What you need (almost nothing) · O que você precisa (quase nada) Reading and resources
- 01 Your first web page · Sua primeira página web 2 required tasks Video · Vídeo
- 02 Headings and paragraphs · Títulos e parágrafos 2 required tasks Video · Vídeo
- 03 Bold, italic and line breaks · Negrito, itálico e quebras de linha 2 required tasks Video · Vídeo
- 04 Lists · Listas 2 required tasks Video · Vídeo
- 05 Links 2 required tasks Video · Vídeo
- 06 Images · Imagens 2 required tasks Video · Vídeo
- 07 Make it a real page · Torne isso uma página real 2 required tasks Video · Vídeo
- 08 Comments and neat nesting · Comentários e aninhamento limpo 2 required tasks Video · Vídeo
- 09 Tables · Tabelas 2 required tasks Video · Vídeo
- 10 Forms · Formas 2 required tasks Video · Vídeo
- 11 Boxes and sections · Caixas e seções 2 required tasks Video · Vídeo
- 12 Add some style · Adicione algum estilo 2 required tasks Video · Vídeo
- 13 Selectors — class and id · Selectores — class e id 2 required tasks Video · Vídeo
- 14 Colours and backgrounds · Cores e fundos 2 required tasks Video · Vídeo
- 15 Styling text · Estilizando texto 2 required tasks Video · Vídeo
- 16 The box model · O modelo de caixa 2 required tasks Video · Vídeo
- 17 Spacing — margin and padding · Espaçamento — margin e padding 2 required tasks Video · Vídeo
- 18 Showing and hiding (display) · Mostrando e ocultando (display) 2 required tasks Video · Vídeo
- 19 Width and centering · Largura e centralização 2 required tasks Video · Vídeo
- 20 Rows with Flexbox · Linhas com Flexbox 2 required tasks Video · Vídeo
- 21 Mini-project: a profile card · Mini-projeto: um card de perfil 3 required tasks Video · Vídeo