linha, isto porque como ja vimos no HTML a quebra de linha deve ser feita com o elemento .Vamos evoluir este documento e colocar o texto Noticia como titulo, a descricao basica da noticia em italico e o texto Leia aqui a noticia na integra como hiperlink. Para isso modifique o texto adicionado no codigo 2 para ficar como este no codigo 3:<div><h1>Noticia</h1><i>Esta e uma descricao basica da noticia.<i><br /><a href="http://terramagazine.terra.com.br/interna/0,,OI3030855-EI6578,00.html">Esta e para ler a noticia na integra</a><br/></div>Codigo 3 - Fazendo as alteracoes de formatacaoUsamos entao o elemento <h1> para colocar a noticula como titulo. Para o efeito de italico no texto, usamos o elemento <i>. Para criar o link usamos o elemento <a> e definimos seu atributo href com o valor de um URL para outro documento HTML, que esta hospedado em outro site WEB. Este e o conceito de hiperlink do HTML, que permite que todos os documento da WEB se relacionem. Feito as modificacoes, salve e visualize o resultado, devera ser como a Imagem 6Imagem 6 - Visualizando o texto formatadoContinuando a alteracao de nosso modelo, vamos adicionar uma imagem, definir cores e melhorar a formatacao e texto do nosso documento. Para adicionar a imagem iremos salvar a Imagem 7 abaixo no mesmo diretorio da pagina, faca isso clicando na imagem com o botao direito e mandando salvar como, salve com o nome brasil.jpg no mesmo diretorio da pagina PraticaRecursos.htm.Imagem 7O solution explorer no VWD devera ficar entao como na Imagem 8:Imagem 8 - Solution Explorer apos salvar imagemAgora faca a modificacao no HTML para ficar como no codigo 5:<html><head> <title>Pratica de Recursos HTML</title></head><body> <div> <h1>A machadinhade Daniel Dantas</h1> <divstyle="float:left"> <img src="brasil.jpg" alt="Brasil de olho" /> </div> <divstyle="float:right; background-color:#efffff"> <i>...O banqueiro baiano ja insinuou que se contar o que sabe derruba de Collorpra ca sem disparar um unico tiro. Essa sua tranquilidade me faz lembrar um xaraseu chamado Daniel Boone, que nos anos 70 fazia o maior sucesso na TV....<i><br/> <ahref="http://terramagazine.terra.com.br/interna/0,,OI3030855-EI6578,00.html">Leiaa noticia completa</a> </div><br /> </div></body></html>Codigo 5 - HTML com imagem e formatacaoForam feitas diversas alteracoes no HTML, as alteracoes de texto sao mais faceis de perceber, somente foram feitas para nosso exemplo parecer uma chamada para uma noticia. Para a imagem ficar a esquerda e o texto a direita, adicionamos dois elementos <div>, e definimos o seu atributo style com o estilo float:left(para definir o que fica a esquerda) e o estilo float:right(para definir o que fica a direita).Dentro do div que fica a esquerda, adicionamos a imagem que acabamos de salvar. Para adicionar esta imagem o elemento utilizado e o <img>, ainda e necessario definir o atributo src com a url da imagem a ser mostrada, e o atributo alt que e o texto alternativo que tambem sera mostrado como dica.No div da direita definimos tambem outro estilo, que foi a cor de fundo atraves do estilo background-color, e seu valor recebeu um valor hexadecimal RGB, neste exemplo o efefef.Veja o resultado na imagem 9Imagem 9 - Resultado finalReferencias:http://www.w3.org/MarkUp/http://terramagazine.terra.com.br/interna/0,,OI3030855-EI6578,00.htmlhttp://movimentoeticaja.blogspot.com/