Imagens, figuras e fotos em HTML e CSS

Nesta seção de nosso curso de HTML, vamos aprender como colocar imagens em nossos sites.
É a parte inicial sobre o uso de mídias em HTML, como sons e vídeos, que já são absolutamente presentes em diversos sites, e praticamente obrigatórios em outros, como as redes sociais.

Aprenderemos como colocar suas próprias imagens em seu site HTML, como alterar sua posição, entender os formatos das imagens, extensões .jpg, .jpeg, como utilizar um .gif e saber o melhor tamanho de uma figura para seu site.

Agora você poderá colocar imagens de alguma notícia, de alguém, de alguma banda ou suas próprias fotos em seus sites, junto com textos, deixando seus sites cada vez mais profissionais e interessantes.

Tutorial de HTML sobre Imagens

01. Introdução - A importância das figuras, sons e vídeos na Internet e Web 2.0
02. Imagens em HTML - JPEG, JPG, GIF e PNG
03. <img> - Como colocar imagens em um site - O atributo src
04. Atributos height e width - Como alterar altura e largura de uma imagem
05. O atributo align para alinhar elementos - Usando textos e imagens em um site
06. Atributos TITLE e ALT - Informações das imagens
07. Como usar imagens em HTML de maneira correta
Vídeo aula - Imagens em sites HTML

Tutorial de CSS sobre Imagens

01. Imagens em CSS
02. Estilizando imagens em CSS
03. Background - Alterando o plano de fundo

Tutorial de Imagens em HTML5

01. Como inserir figuras (<figure>) e Legendas (<figcaption>) em HTML5