Entao, ja vimos que o HTML permite uma estruturacao do seu documento. Agora vamos ver que e possivel utilizar alguns elementos para fazer a sua formatacao.Existe os elementos Hn, onde n e um numero, que permite a criacao de titulos e subtitulos no documento. H1 e o maior titulo de um documento HTML e H6 e o menor subtitulo. Veja um exemplo no codigo 1:<html> <body> <h1>Titulo 1</h1> <h2>Titulo 2</h2> <h3>Titulo 3</h3> <h4>Titulo 4</h4> <h5>Titulo 5</h5> <h6>Titulo 6</h6> </body></html>Codigo 1 - Utilizando elementos de tituloOutras possibilidade sao definir textos em negrito, italico, sublinhado e fonte. E estes respectivos elementos sao:<b> : define um texto em negrito<b> texto em negrito</b><i> : define um texto em italico<i> texto em italico</i><u> : define um texto sublinhado<u> texto sublinhado</u><font face="fonte" size="numero1 a 7"><font face="arial" size="5"> texto </font>Veja um exemplo no codigo 2:<html> <body> <font face="verdana">Este e um <b>texto</b> que <i>utiliza a<u>formatacao de html</u></i>. </font> </body></html>Codigo 2 - Formatando o texto HTMLO HTML pode ser formatado de varias maneiras, incluindo estilo, esta sao alguns basicas para prosseguirmos no nosso estudo da linguagem. Neste post ja vimos como criar um HTML basico utilizando o VWD. Vamos agora adicionar outra pagina ao projeto ja existente CriandoNovoSite. Para isso, antes temos que abrir o VWD, pode ser que seja listado o projeto CriandoNovoSite nos projetos recentes(Recent Projects), como na Imagem 1, se assim for, clique no projeto para abri-lo.Imagem 1 - Projetos recentes no VWDCaso o projeto nao esteja nos recentes, sera possivel abrir o projeto normalmente atraves do menu File / Open Web Site, como na Imagem 2Imagem 2 - Abrindo o site WebClique nesta opcao, selecione o diretorio do site WEB, Imagem 3, e clique em Open.Imagem 3 - Selecionando o local do site WebAgora que temos o projeto aberto, crie um novo arquivo chamado PraticaRecursos.htm e adicione o HTML do codigo 1 neste.<html><head><title>Pratica de Recursos HTML</title></head><body></body></html>Codigo 1 - HTML inicialNo codigo 1 adicionamos um HTML basico, onde somente o titulo da janela foi definido. Todo HTML deve ter o elemento raiz <html>, este por ser raiz, deve ser o primeiro elemento aberto e ultimo elemento fechado.Para um HTML bem escrito, lembre-se sempre de colocar os elementos minusculos e serem fechados. Neste HTML ainda podemos ver o elemento body, mas nada foi adicionado nele ainda. Ja o titulo do documento foi definido para "Pratica de Recursos HTML". Com o arquivo salvo, ao abrir a pagina em um navegador veremos uma tela em branco com o titulo definido, conforme imagem 4:Imagem 4 - HTML inicialAdicione o codigo 2 dentro do elemento body:<div>NoticiaEsta e uma descricao basica da noticia.Leia aqui a noticia na integra</div>Codigo 2 - Conteudo adicionado ao bodyNo codigo 2 acabamos de adicionar um conteudo ao elemento body, o conteudo que esta dentro do elemento body e que podera estar visiveis para o usuario. Salve o arquivo e visualize as modificacoes no navegador, o resultado sera como na Imagem 5Imagem 5 - Visualizando conteudo adicionado ao bodyRepare que apesar de ter sido adicionado com quebra de linha os textos, a visualizacao no navegdor nao mostrou estas quebras de