CINTED

Centro Interdisciplinar de
Novas Tecnologias na Educação

UFRGS
 
   CRIAÇÃO DE HOMEPAGES E HTML
 

Conteúdo > Texto

Agora que você já definiu as primeiras tags do seu documento HTML, não esqueça de salvá-lo. No Bloco de Notas, salve o arquivo como nome_do_arquivo.html ou nome_do_arquivo.htm. O navegador é capaz de interpretar qualquer uma dessas duas extensões. É importante lembrar que, se você está utilizando imagens, coloque-as na mesma pasta onde está sua página. Quando utilizar links, não esqueça de atribuir o endereço absoluto.

A cor do texto já foi definida, de uma forma geral, nas tags <body></body>, com o atributo TEXT. Porém, você pode querer alterar alguma parte do seu texto, um título, por exemplo. Para isso, é necessário que você conheça as tags e atributos dos comandos que definem a fonte da página.

O tipo de fonte a ser usado pode ser definido pelas tags <font> </font>. Essas tags têm os seguintes atributos:

face="nome_da_fonte" : define o tipo de fonte a ser utilizado. A fonte Verdana é considerada uma das melhores para leitura no monitor. Além dessa, qualquer outra fonte não serifada (sem contornos) é uma boa opção, como a Arial e a Helvetica.

color="cor" : define a cor da fonte. Como em qualquer outra atribuição de cor, o valor pode ser definido com o nome da cor em inglês ou através de um código.

size="n" : define o tamanho da fonte, sendo que n pode variar de 1 a 7. O valor 2 corresponde ao tamanho 10 para Arial e 12 para Times New Roman, os que normalmente utilizamos na formatação ABNT nos editores de texto.

Uma maneira mais fácil de definir títulos é utilizar as tags <h></h>, onde n pode assumir os valores de 1 à 6, que especificam o tamanho da fonte. O alinhamento à esquerda, à direita, ao centro e justificado podem ser definidos pelos atributos aling="left" ou align="right" ou align="center" ou align="justify", respectivamente.

Título definido por <h3 align="center"> título </h3>

Para organizar o texto, você pode utilizar as tags de parágrafo <p></p> ou a quebra de linha <br>. A marca de linha define um 'enter' no texto, enquanto a marca de parágrafo vai definir um 'enter' seguido de uma nova linha. Para entrada de parágrafo no texto, você pode utilizar as tags <dd> </dd>. As tags de parágrafo também podem receber o atributo ALIGN.

Para definir estilos de texto, você pode utilizar as tags <b> texto </b> para negrito, <i> texto </i> para itálico e <u> texto </u> para sublinhado. Um texto em negrito, em itálico e sublinhado ficaria assim: <b><i><u> texto com estilo </u></i></b>. Para sobrescrito, utlizamos as tags <sup> texto </sup>. Para subscrito, utilizamos <sub> texto </sub>.

 

 
2003 - CINTED - Centro Interdisciplinar de Novas Tecnologias na Educação