AULA HTMLPara inserirmos essa imagem em uma pagina HTML utilizaremos a seguinte tag:<img src="chocolate.jpg" />Explicando...A tag <img/> e a tag responsavel por inserir uma imagem no documento HTML;Dentro da tag <img/> iremos colocar o atributo src (vem do ingles source, que quer dizer, fonte, origem). O atributo src vai dizer ao navegador onde a imagem esta guardada, para que ele possa busca-la e inseri-la no documento.O endereco da imagem no atributo "src" deve estar sempre entre aspas.Como voce deve ter percebido, a tag <img/> e uma tag apenas de fechamento. Ate agora nos vimos que todas as tags HTML sao compostas por uma tag de abertura e outra para fechar (ex.: <p> e </p>). Na tag de imagem, iremos utilizar apenas a de fechamento.Exemplo PraticoAbra o nosso Editor HTML (clique aqui)Digite o seguinte codigo e veja o resultado:<img src="http://4.bp.blogspot.com/-GZ4zb3SeLW0/T6jwwsS5WKI/AAAAAAAAATI/GjfJhMmZv7o/s400/chocolate.jpg" />Voce percebe que o navegador insere a imagem no documento, recuperando essa imagem no endereco onde ela esta hospedada, atraves do atributo src.Obs.: O endereco publicado no src (http://4.bp.blogspot.com/-GZ4zb3SeLW0/T6jwwsS5WKI/AAAAAAAAATI/GjfJhMmZv7o/s400/chocolate.jpg) e o endereco onde a imagem atual esta guardada. Na proxima aula, iremo aprender a inserir a imagem localmente.Os atributos "width" e "height"Ainda dentro da tag <img/>, podemos inserir dois novos atributos de formatacao, muito uteis: o width (comprimento) e o height (altura). Eles irao determinar o tamanho da imagem que sera impresso no navegador. Iremos colocar as dimensoes das imagens em "pixels". Veja - agora - como ficou a tag:<img src="http://4.bp.blogspot.com/-GZ4zb3SeLW0/T6jwwsS5WKI/AAAAAAAAATI/GjfJhMmZv7o/s400/chocolate.jpg " width="150" height="100" />Visualize novamente o codigo acima em nosso editor online e veja a diferenca.Explicando novamente...A tag <img> e a tag responsavel por inserir uma imagem no documento HTMLO atributo src vai dizer ao navegador onde a imagem esta guardada, para que ele possa busca-la e inseri-la no documento.O atributo width ira dizer ao navegador qual sera o comprimento (em pixels) dessa imagem;O atributo height ira dizer ao navegador qual sera a altura (em pixels) dessa imagem; Todos os atributos devem sempre ser escritos entre aspas "".Observacao importante: escreva essas tres palavras (src, width e height) algumas vezes em um caderno ou no word para aprender a escreve-las corretamente. Se escrever errado, a imagem pode nao aparecer em seu documento. Memorize essas palavras para nao errar, hein?Obs2: caso voce nao coloque na tag <img/> o valor do width e do height, o navegador ira inserir a imagem na pagina em seu tamanho original.Existem outros atributos para a tag imagem, mas - por questoes didaticas - iremos parar por aqui e aprender essa parte para depois entrarmos em conteudos avancados, ok?Salve a a imagem do chocolate acima em sua pasta, pois na proxima aula iremos fazer uma atividade que necessitara desse arquivo.Por hoje e so e continue estudando, memorizando o que ja estudamos, criando paginas para praticar o conteudo e nao desista: a cada nova aula, mais proximo de nossos objetivos estamos.Vejo voces na proxima aula.RESPOSTA DA TAREFA 004Tarefa 004Abra o seu bloco de notas e digite a estrutura basica do HTML<html> <head> </head> <body> </body></html>Digite no titulo do documento a seguinte frase: O que ja aprendi em HTML?<html> <head> <title>O que