Tutorial de HTML5 - Imagens e Figuras: < figure > e < figcaption >

Neste tutorial de Imagens, vamos aprender como inserir figuras, imagens e fotos usando o HTML5.
Vamos ver o que há de novo e traçar um paralelo sobre o uso de imagens no antigo HTML e no CSS.

Ler Tutorial

Tutorial de CSS sobre Imagens e Figuras

Neste tutorial de CSS de nosso curso, vamos introduzir a seção sobre Imagens em CSS.

Embora já tenhamos falado no assunto em nosso Tutorial de HTML sobre Imagens, porém o que é possível de fazer em CSS, se comparado somente ao HTML, é até covardia comparar, o CSS simplesmente no permite fazermos que quisermos com as imagens, posição, alinhamento, bordas, espaçamentos e uma série de outras possibilidades.

Ler Tutorial

Vídeo aula de HTML - Como colocar imagens em sites

Nesta vídeo aula iremos aprender como trabalhar com imagens e figuras em nossos sites feitos em HTML. Veremos como inserir figuras através da tag img e o atributo src, como redimensionar e alinhar imagens em nossos sites.

Esta aula foi feita pela Universidade XTI, e está disponibilizado gratuitamente no Youtube, para qualquer um estudar.

Ler Tutorial

Como usar imagens em sites HTML de maneira correta

O HTML Progressivo agora faz parte do Programação Progressiva!

Este conteúdo foi atualizado e movido para o nosso novo endereço.

Redirecionando para: Clique aqui se não for redirecionado

Agora que já vimos como usar a tag img para exibir imagens, como mudar altura e largura de uma figura e até mostramos como alinhar imagens e textos, em nossa apostila de HTML, vamos fazer algumas considerações finais sobre o uso de imagens em nossos sites.

Vamos falar de regras básicas e muito importantes, que todos os Webmasters devem ter conhecimento.
Daremos algumas dicas de SEO (Search Engine Optimization) importantes, que fará você se beneficiar do uso de imagens para conseguir boas visitas e ficar bem visto pelo Google.

Ler Tutorial

Atributos title e alt - Passando informações da sua imagem

Neste tutorial de nosso curso de HTML, vamos falar sobre dois importantes atributos da tag img: o title e o alt, que são importantes principalmente para os motores de busca.

Isso pode te ajudar, inclusive, no rankeamento de seu site em motores de busca, como o Google, fazendo seu site receber mais visitas.

Por isso, esta aula se encaixa em duas seções de nosso curso: sobre Imagens e SEO.

Ler Tutorial

Como alinhar imagens e textos com o atributo align

Nas últimas aulas de nosso curso de HTML, aprendemos sobre como inserir imagens em um site com a tag img e como definir altura e largura de uma figura com os atributos height e width.
Porém, só mostramos imagens.

Agora vamos introduzir um conceito importante sobre o uso de imagens e textos juntos, o de alinhamento, através do atributo align.

Ler Tutorial

Como mudar a altura e largura de uma imagem - Os atributos height e width da tag < img >

O HTML Progressivo agora faz parte do Programação Progressiva!

Este conteúdo foi atualizado e movido para o nosso novo endereço.

Redirecionando para: Clique aqui se não for redirecionado

No tutorial passado de nosso curso de HTML, mostramos como colocar fotos e imagens em um site através da tag img e começamos a ver como nossos websites estavam cada vez mais bonitos e interessantes.

Neste tutorial da apostila, vamos continuar trabalhando em cima das imagens, aprendendo a mudar seu tamanho e largura.

Ler Tutorial

< img > tag - Inserindo uma imagem em um site - O atributo src

O HTML Progressivo agora faz parte do Programação Progressiva!

Este conteúdo foi atualizado e movido para o nosso novo endereço.

Redirecionando para: Clique aqui se não for redirecionado

Agora que aprendemos o que é uma imagem e conhecemos seus tipos mais usados, vamos de fato aprender como colocar imagens em um site, usando códigos em HTML.

Neste tutorial de nossa apostila de HTML, iremos colocar imagens em sites usando a tag <img> e seu principal atributo, o src.

Ler Tutorial

Imagens em HTML - JPG, JPEG, GIF e PNG

O HTML Progressivo agora faz parte do Programação Progressiva!

Este conteúdo foi atualizado e movido para o nosso novo endereço.

Redirecionando para: Clique aqui se não for redirecionado

Agora que você já sabe a importâncias de fotos e imagens para sites e para a internet de um modo geral, vamos começar a estudá-las, entender o que são de fato, bem como conhecer alguns tipos de imagem de uso comum nos sites, que usaremos em nosso curso de HTML.

Ler Tutorial

HTML, Web 2.0 e Imagens

O HTML Progressivo agora faz parte do Programação Progressiva!

Este conteúdo foi atualizado e movido para o nosso novo endereço.

Redirecionando para: Clique aqui se não for redirecionado

Na seção passada de nosso curso de HTML online e gratuito, dedicamos vários tutoriais para falar sobre a escrita e formatação de textos em HTML. Ensinamos a alterar fonte, criar listas, usar caracteres especiais e outras coisas.
Sim, textos são importantes. Mas na chamada "Web 2.0", não basta só textos, as imagens se tornaram essenciais.
Nesse artigo de nossa apostila iremos falar um pouco da Web 2.0, das imagens e sua importância para a criação de sites.

Não iremos falar de HTML propriamente dito, mas se pretende ser um Webmaster profissional, é necessário que entenda a história da internet, sua evolução e seu principal bem: os usuários.

Ler Tutorial