Mdulo 4 Formatando um documento HTML

Formatando uma pgina Web No captulo anterior, voc aprendeu a criar um documento HTML simples usando tags. Primeiro voc ir aprender a formatar uma pgina Web exibindo: 1.1. 1.2. 1.3. Texto em negrito Texto em itlico Texto sublinhado

Exibindo um texto em negrito Voc usa a tag Bold (negrito) <b> </b> para exibir um texto em negrito em uma pagina Web. A sintaxe exibida na imagem.

Exibindo um texto em itlico Outra opo a tag Italic (itlico) <i> </i>, para exibir um texto em itlico numa pgina Web. Observe a imagem.

 Exibindo um texto sublinhado (underline) Usa-se a tag Underline (Sublinhado) <u> </u> para exibir um texto sublinhado em uma pgina Web. A sintaxe exibida na imagem acima. Um browser interpretas tags Bold (negrito), Italics (itlico) e Underline (Sublinhado) no documento HTML e exibe o texto entre estas tags na pgina Web correspondente.

Utilizando a tag pargrafo Voc pode usar pargrafos para agrupar linhas de texto em uma pgina Web. O browser ir exibir o texto em um nico pargrafo se voc no criar outros.

Inserindo quebras de linhas em uma pgina Web Depois, voc ir aprender a inserir quebras de linhas em uma pgina Web. Por padro, os browsers automaticamente encaixam o texto de uma pgina Web na janela do browser. Se voc precisar exibir uma parte do texto em uma nova linha, voc pode inserir uma quebra de linha utilizando a tag Break, como mostra a imagem. O browser exibe a parte do texto escrito depois da tag Break <br>, em uma nova linha.

 Inserindo linhas horizontais em uma pgina Web Voc ir aprender agora a inserir linhas horizontais em uma pgina Web. Voc usa estas linhas horizontais para dividir a informao exibida em diferentes blocos. Voc usa uma linha horizontal usando a tag Horizontal Ruling <hr>. Observe um exemplo na imagem: uma imagem destaca a tag e a outra o resultado de sua aplicao. O browser exibe uma linha horizontal na pgina Web no ponto que voc especificou a tag Horizontal Ruling. Ele tambm exibe uma linha em branco antes da linha horizontal.

Criando subttulos Agora vamos observar como adicionar ttulos, subttulos e comentrios em uma pgina Web. Com

o uso da tag Heading <hx></hx> voc pode incluir ttulo e subttulos em diferentes blocos de texto uma pgina, a fim de aumentar a legibilidade. Por exemplo, se voc precisar fornecer dois nveis de ttulos em uma pgina, voc pode usar o conjunto de tags <h1></h1> e <h2></h2>. Podese utilizar as tags <h1></h1> para especificar o ttulo principal e as tags <h2>,</h2> para o subttulo secundrio.

Adicionando comentrios Voc pode adicionar comentrios para incluir notas, sugestes e explicaes que no fazem parte do documento. Voc usa a tag Comment (comentrio) <!-- xxxxxx --> para adicionar comentrios a um documento HTML. Web browser ignoram texto, tag e outros objetos que esto entre a tag de inicio e de fim da tag Comment (comentrio).

Usando Tag pr-formatada Voc aprender agora a usar a tag Pre-formatted. Por padro, os browsers no exibem os espaos extras e linhas em branco de um documento HTML na pgina Web correspondente.Podemos exibir espaos mltiplos e linhas em branco em uma pgina usando a tag Pre-formatted

(Pr-formatado). A sintaxe exibida acima. O browser exibe na janela, o bloco de texto entre a tag de inicio e fim da tag Pre-formatted como est escrito no documento HTML correspondente. Vale lembrar que podemos utilizar a tag <br> para adicionar linhas em branco uma pgina.

Resumo Voc usa as tags de formatao Bold (negrito), Italics (itlico) e Underline (sublinhado) para
exibir o texto em negrito, itlico e sublinhado, respectivamente.

Voc usa as tags <p> e </p> para criar pargrafos em uma pgina Web e a tag <br> para inserir
quebra de linha.

Voc usa a tag <br> para inserir uma linha horizontal em uma pgina Web. Voc usa as tags <pre> e </pre> para exibir texto pr-formatado.