​TIC ​​Liliana Ferreira

Tags para tratar o texto

<b> - Texto a negrito

<i> - Texto em Itálico

<u> - Texto sublinhado

<p> - parágrafo    (saber mais)

<p align="center|right|justify"> - serve para alinhar o texto do parágrafo.

<br> - quebra de linha    (saber mais)

<big> - Texto Grande

<em> - Texto Itálico Sombreado, serve para dar ênfase ao texto (emphasis).

<small> - Texto pequeno, serve para reduzir o tamanho do texto.

<strong> - Texto grande negrito, serve para dar força a uma parte do texto.

<sub> - Inferior à linha

<sup> - Superior à linha

<ins> - Texto grande negrito

<del> - Texto rasurado

<s> - Texto rasurado

<strike> - Texto rasurado

<TT> - Texto monoespaçado

<blockquote> - Serve para citar alguém. O parágrafo irá avançar ligeiramente.

 

 

Exemplo:

<b> Texto em negrito </b>

<i> Texto em Itálico </i>

<u> Texto sublinhado </u>

As tags de estilo podem ser usadas uns sobre os outros, acumulando seus efeitos.

<B> <i> texto em negrito e itálico </i></B><p>

<B> <TT> texto nonoespaçado </TT><P>

<i><tt> Texto monoespaçado em itálico </tt></i><p>

<B> <TT> <i> Texto monoespaçado em negrito e itálico </i> </TT> </B>

 

<font> - Estilo/cor e tamanho do texto

Para alterar a cor, o tipo de letra e o seu tamanho nos documento HTML, utiliza-se a tag <font> que pode conter os atributos opcionais size, color e face.

 

 

atributos Size da tag <Font>

o atributo SIZE altera o tamanho do texto.

Os valores do atributo SIZE variam de 1 a 7. O tamanho normal do texto nos Browsers é equivalente a SIZE=3. O número 1(tamanho 7,5), 2(tamanho 10 ), 3(tamanho11), 4(tamanho 13,5), 5(tamanho 18), 6(tamanho 24) e 7(tamanho 36)

A tag <font> pode ser atribuído a qualquer parte do texto, com excepção dos títulos (<H1>, <H2> etc.). 

 

Exemplo:

<font Size=7> Texto com tramanho 36 </font>

 

O tag <font> também pode ser utilizado com um atributo diferente para cada letra. A aplicação mais óbvia é a colocação de uma capitular, aquela letra em tamanho maior no início de um parágrafo.

<font size=7> T </font> <Font size=4> exto </font>

 

Também é possivel modificar o tamanho de todo o texto de uma vez só colocando a tag <BaseFont> no topo do texto.

 

Exemplo:

<BaseFont Size=5>

 

 

atributos COLOR da tag <Font>

O atributo COLOR altera a cor do texto. Existem três formas de indicar a cor: usando um código de cor hexadecimal, um código rgb e um nome de cor.

<font color=”#000000”>

<font color=”rgb(0,0,0)”>

<font color=”black”>

Todas as formas são validas para atribuir a cor preto ao texto da página.

 

Exemplos:

<font color=000000> Texto na cor preta</font>      ou     <Font color=black> texto na cor preta</font>

<font color=ffffff> Texto na cor branca </font>         ou     <Font color=White> texto na cor branca </font>

 

 

Atributo FACE da tag <Fonte>

O atributo FACE altera o tipo de letra, ou seja, a fonte do texto. Um dos tipos de fontes mais comum é o arial.

 

Exemplo:

<font Face=arial > <h1> Titulo principal </h1>

<font Face=papyrus> <h1> Titulo principal </h1>

<font Face=times> <h1> Titulo principal </h1>

<font Face=calibri> <h1> Titulo principal </h1>

 

 

Alinhamento

O atributo ALIGN altera o alinhamento do texto.A primeira providencia para melhorar a aparência da página é modificar o alinhamento do texto.

O alinhamento padrão (com o qual vem configurado o Browser) é à esquerda. Para mudar o alinhamento padrão deve-se adicionar o atributo ALIGN dentro das tags que marcam os títulos e os parágrafos.

 

Exemplos:

<h1 align=center> título </h1>

<p Align=center> Este é um parágrafo centralizado. </p>

 

Muito importante, desta vez, a tag <p> ganhou uma opção (ALIGN=CENTER). Por isso, é preciso utilizar uma tag </P> para indicar que apenas aquele parágrafo receberá um alinhamento diferente.

 

 

Texto pré-formatado

Com a pré-formatação, pode-se controlar o espaçamento com a barra de espaço e colocar o texto em praticamente qualquer lugar da página.

Apesar da vantagem desta forma de alinhamento arbitrário, o tag <pre> muda o tipo de caracter para uma fonte monoespaçada.

Uma fonte monoespaçada é aquela na qual todos os caracteres ocupam o mesmo espaço horizontal, ao contrário da fonte proporcional, na qual o "i" ocupa menos espaços do que o "a", por exemplo.

 

Exemplo.

<pre> Este texto está pré-Formatado. </pre>

 

 

Marquee

 

O internet Explorer implementa uma forma muito simples de dar movimento ao texto. Uma serie de atributos permitem controlar o tipo de movimentos do texto (da esquerda para a direita ou vice-versa), a velocidade e o tamanho, entre outras coisas.

 

Behavior- define como o texto em movimento vai deslizar no monitor.

Scroll- passa o texto continuamente no mesmo sentido

Slide- o texto parte de um ponto do monitor e vai até outro e para.

Alternate- O texto vai e vem.

Direction-define a direção em que o texto vai deslizar.

Loop- determina quantas vezes o texto vai deslizar no monitor.

Height e width – altura e largura

Hspace e Vspace – determina o espaço em pixeis que deve ficar livre em torno do texto em movimento. Hspace- Espaço horizontal e Vspace – espaço vertical

Bgcolor- cor de fundo do texto em movimento

Scrollamount e scrolldelay- controlam a velocidade do texto em movimento. O scrolldelay define o tempo em milissegundos, que o texto em movimento vai demorar em cada um dos quadros. O scrollamount define a quantidade de pixels que vai percorrer em cada quadro.

Blink- faz com que o texto fique a piscar.

 

Sintaxe

<marquee behavior="[scroll/slide/alternate]"

Direction="[Left/Right]"

Loop="[1..N/Infinite]"

Align="[Left/right/center]" Bgcolor="[Color]"

Scrollamount="[espaço]" scrolldelay="[tempo]"

Height="[altura]" widht="[largura]"

Hspace="[espaçamento horizontal]"

Vspace="[espaçamento vertical]" [letreiro]</marquee>

 

Exemplo:

<marquee behavior=alternate height=30 widht=300 direction=left scrollamount=20 bg color=blue> olá melguinhas. </marquee>

<blink> A minha Escola </Blink>