O Em Busca do Código é um site em formato de plataforma de ensino a distância (EAD), plataforma esta totalmente aberta e gratuita. Construido de maneira independente e individual, este layout é baseado neste curso.

Os vídeos deste curso de HTML5 & CSS3 podem contém erros, utilize-o como repositório de códigos fontes (os códigos fontes funcionam). Nosso curso de JavaScript não contém erros.

Publicado em 2015.

HTML5 e CSS3: Aula 05, editando imagens

Nesse vídeo demonstro adicionar legenda, deixar ela em itálico, mudar a cor do fundo, adicionar borda, tirar a imagem do centro, corrigir o espaçamento entre a imagem e a borda da página, adicionar tamanho fixo entre a legenda e a imagem. Tags utilizadas: figure, figcaption, img e utilizado ID no html.

Assista ao vídeo:

Código fonte HTML (completo)

<!DOCTYPE html>

<html>
<head>
<link rel ="stylesheet" href="css/bordas.css">
</head>
<body>
<figure id="qualquerid">
<img src="css/imgcss/0218.jpg">
<figcaption>Legenda</figcaption>
</figure>
</body>
</html>

Código fonte CSS (completo)

figure{
background-coloR: #F2EDED;
border: 1px solid #111111;
text-align: center;
}
figcaption {
font-style: italic;
}
figure {
padding: 5px;
}
#qualquerid {
float: left;
margin: 10px;
}
figcaption {
margin-top: 10px;
}

Espero que este código fonte tenha sido útil.

Se estiver utilizando bloqueador de propaganda, por favor, coloque este site na lista branca (isto sempre será apenas um pedido). Obrigado pela escolha.