Videos · Vídeos
Web Basics — HTML & CSS · Noções de Web — HTML & CSS
Pick a topic to watch. · Escolha um tópico para assistir.
21 video lessons · 21 videoaulas
2:20
Sua primeira página web
Toda página que você já abriu é um arquivo digitado por alguém. Não desenhado, não criado em um aplicati…
2:28
Títulos
Uma página de parágrafos todos do mesmo tamanho é um muro de texto, e um leitor repela-se dele. Títulos …
2:07
Negrito, itálico, quebra
Até agora, uma tag envolvia um bloco inteiro: esta linha é um parágrafo, esta linha é um título. Aqui es…
2:17
Listas
Escreva três itens como três parágrafos e o navegador não sabe que pertencem juntos. Diga lista, e ele f…
2:31
Links
Tudo o que você escreveu até agora fica em uma página e permanece lá. Uma tag a transforma em parte da w…
2:25
Imagens
Uma tag disse ao navegador o que algo É. Esta tem que dizer onde ir buscá-lo, e isso precisa de um novo …
2:18
Uma página web real
Até agora, você escreveu partes de uma página. Uma página real as coloca em uma estrutura, e é a mesma e…
2:29
Comentários e aninhamento
Até agora, toda tag foi vizinha da última. Páginas reais colocam tags DENTRO de tags, e no momento em qu…
2:17
Tabelas
Esta é a tag que os alunos mais erram, e sempre pelo mesmo motivo: eles adivinham a ordem em vez de lê-l…
2:08
Formas
Tudo o que você fez até agora é algo para ler. Um formulário é diferente: é algo que um visitante usa. E…
2:19
Seções e classes
Páginas pequenas estão bem como uma pilha de tags. Maiores não são — um visitante vê um título, depois o…
2:21
Seu primeiro CSS
Meio do curso, uma segunda língua chega. HTML diz o que cada coisa É — este é um parágrafo, aquele é um …
2:18
Seletores
Na última lição, seu seletor era um nome de tag, o que muda todos os parágrafos da página. Isso geralmen…
2:19
Cores
Cor é onde uma página deixa de parecer lição de casa. É também onde um iniciante escolhe doze delas e a …
2:16
Estilizando texto
De volta à lição dois, o navegador escolheu os tamanhos dos seus títulos para você. Agora você pode esco…
2:27
O modelo de caixa
Dois elementos recusam-se a ficar onde você quer, e nada que você digita corrige isso. Quase sempre, est…
2:17
Margem
Margin é o espaço fora de uma caixa, e aqui está a questão sobre ela: em uma caixa sem nada ao redor, um…
2:16
display
Você tem observado isso desde a aula três sem um nome para ele. Alguns elementos ocupam uma linha inteir…
2:09
Largura e centralização
Aqui está algo que você pode não ter notado: uma caixa de bloco já está tão larga quanto a página. Tem s…
1:58
Flexbox
Tudo o que você construiu até agora empilha para baixo, porque é isso que as caixas de bloco fazem. Mas …
2:19
Seu cartão de perfil
Última lição, e é um projeto em vez de uma nova ideia. Você está construindo um cartão de perfil: uma im…