com o Windows ou qualquer outro sistema operacional. Assim, voce deve considerar a aquisicao do Paint Shop Pro, do PhotoShop ou do Macromedia Fireworks, que sao os tres melhores editores de imagens atualmente existentes no mercado. Contudo, como ja dissemos, nao ha necessidade de comprar um programa caro para acompanhar este tutorial. Por enquanto, voce podera fazer o download de um exelente editor de imagens chamado Irfan view que e freeware, isto e, nao custa nada. Ou voce pode fazer download de imagens existentes na web. Mas, por favor, se optar por fazer o download de imagens da Internet, cuidado para nao violar direitos autorais de terceiros. A seguir mostro como fazer o download de uma imagem existente na Internet: Clique com o botao direito do mouse na imagem da Internet.No menu que aparece escolha a opcao "Salvar imagem como...".Na janela que se abre, escolha o lugar no seu computador para salvar e clique "Salvar". Faca isto com a imagem abaixo e salve no seu computador no mesmo local onde esta localizado seus documentos HTML. (Notar que devera ser salvo o arquivo com formato PNG: logo.png):Agora voce pode inserir a imagem nos seus documentos. Tente fazer isto em um documento que voce criou neste tutorial. Isto e tudo o que eu preciso saber sobre imagens? Existem mais algumas coisinhas que voce precisa saber. Primeiro, voce pode inserir imagens que estao localizadas em outros diretorios ou ate mesmo em outros websites: Exemplo 2:<img src="images/logo.png">Exemplo 3:<img src="http://1.bp.blogspot.com/-Q8AtwUrRo3I/TXjoN78LbyI/AAAAAAAAAgM/nu4Bq6QPYhI/s1600/logo.png">Segundo, imagens podem ser links: Exemplo 4:<a href="http://www.rdtutoriais.blogspot.com"><img src="logo.png"></a>Sera renderizado no navegador assim: (clique na imagem):Existem outros atributos que eu deva conhecer? Voce sempre tera que usar o atributo src, que diz ao navegador onde a imagem esta localizada. Alem dele existem alguns outros atributos que podem ser bastante uteis quando voce insere imagens em uma pagina. O atributo alt e usado para fornecer uma descricao textual alternativa da imagem caso por alguma razao a imagem nao seja renderizada para o usuario. Isto e particularmente importante para usuarios com restricoes visuais ou quando a imagem e carregada muito lentamente. Em consequencia, sempre use o atributo alt: Exemplo 5:<img src="logo.gif" alt="logotipo da RD Tutoriais">Alguns navegadores mostram uma caixa pop-up com o conteudo do atributo alt quando o usuario passa o mouse sobre a imagem. Tenha em mente que a finalidade principal do atributo alt e a de fornecer uma alternativa textual para imagem. O atributo alt nao deve ser usado para criar mensagens pop-up uma vez que os leitores de tela passarao uma mensagem que nao descreve a imagem para os usuarios com restricoes visuais. O atributo title pode ser usado para fornecer uma curta descricao da imagem: Exemplo 6:<img src="logo.png" title="Aprenda HTML no blog RD Tutoriais">Sera renderizado no navegador assim:Coloque o ponteiro do mouse sobre a imagem, sem clicar e aparecera uma caixa pop-up com o texto "Aprenda HTML no blog RD Tutoriais" . Dois outros atributos importantes sao width e height: Exemplo 7:<img src="logo.png" width="250" height="150">Sera renderizado no navegador assim:Os atributos width e height podem ser usados para definir respectivamente, a largura e a altura da imagem.