Nevoeiro Z Pages - HTML (2)

C) TEXTO

1) Tamanho da fonte

As fontes respeitam uma sequência de tamanhos relativos que vai de 1 a 7. O padrão é 3. Para definir um tamanho de fonte para sua página que não seja três, utilize a tag:
<BASEFONT SIZE="N">
Veja o exemplo abaixo depois de feitas as modificações:
<HTML>
<HEAD>
<TITLE> Tamanho da Fonte </TITLE>
</HEAD>
<BODY BGCOLOR="White">
<BASEFONT SIZE="4">
 
Seres estranhos, estranhas pessoas 
Que sentem estranhos 
Estranhos sentimentos. 
Estranhando sentir estranhamente 
Um ao outro, 
Só ao outro, 
A todos.
</BODY>
</HTML>

2) Alterando o tamanho

Depois de determinado o tamanho da fonte por meio da tag <BASEFONT SIZE="N">, ou de aceitado o valor padrão, é possível modificar parte de um texto. A tag utilizada para isso é:

texto afetado pela tag

Um sinal de adição "+" ou um de subtração "-" antes do valor "N" determina que o texto deve ser dimensionado N unidades acima ou abaixo do tamanho atual. Os valores válidos vão de -6 a +6.

3) Alterando o tipo de letra

Para trocar a letra padrão do HTML (que é o Times New Roman) por outra qualquer (Courier, Impact, Arial, etc) é só digitar o elemento modificador FACE dentro da tag . Sua sintaxe ficaria assim:

texto afetado pela tag

Veja como fica a página modificada:

<HTML>
<HEAD>
<TITLE> Alterando o Tamanho e o Tipo de Letra </TITLE>
</HEAD>
<BODY BGCOLOR="White">
<BASEFONT SIZE="4">
 
Seres estranhos, estranhas pessoas 
Que sentem estranhos 
Estranhos sentimentos. 
Estranhando sentir estranhamente 
Um ao outro, 
Só ao outro, 
A todos.
</BODY>
</HTML>

Veja o resultado:

4) Negrito

Para destacar uma parte de um texto em negrito utilize a seguinte tag:

texto em negrito

5) Itálico

Para destacar uma parte de um texto em itálico utilize a seguinte tag:

texto em itálico

6) Sublinhado

Esse recurso só deve ser utilizado em último caso, porque ele pode ser confundido com um link. Caso seja necessário usá-lo, não o use junto com negrito, pois o risco de confundi-lo com um link é ainda maior.
Para sublinhar uma parte de um texto utilize a seguinte tag:

texto sublinhado

Veja a página com as modificações:

<HTML>
<HEAD>
<TITLE> Texto Formatado </TITLE>
</HEAD>
<BODY BGCOLOR="White">
<BASEFONT SIZE="4">
 
Seres estranhos, estranhas pessoas 
Que sentem estranhos 
Estranhos sentimentos. 
Estranhando sentir estranhamente 
Um ao outro, 
Só ao outro, 
A todos.
</BODY>
</HTML>

Veja o resultado:

7) Modificando a cor do texto

Para modificar a cor do texto da cor padrão (preto) para qualquer outra cor é só usar o elemento TEXT="rrggbb" dentro da tag <BODY>.

8) Modificando a cor de parte do texto

Para modificar a cor de uma parte do texto é só usar a tag com o modificador COLOR="rrggbb"

Veja o texto com as cores das linhas modificadas:

<HTML>
<HEAD>
<TITLE> Texto Colorido </TITLE>
</HEAD>
<BODY BGCOLOR="White" TEXT="red">
 
Seres estranhos, estranhas pessoas 
Que sentem estranhos 
Estranhos sentimentos. 
Estranhando sentir estranhamente 
Um ao outro, 
Só ao outro, 
A todos.
</BODY>
</HTML>

Veja o resultado:

9) Alinhamento de parágrafo

a) P ALIGN Essa função serve para alinhar à esquerda (LEFT), à direita (RIGHT) ou para centralizar (CENTER) uma parte do texto. A tag utilizada para isso é a tag , cuja sintaxe é:

texto do parágrafo

10) Margem de parágrafo e espaços em brancos

Para se deixar um espaço em branco no HTML utiliza-se o código " " em qualquer parte do texto. Esse código de espaçamento também pode ser utilizado para deixar uma margem de parágrafo (para isso digite três ou mais vezes o código " ").

Veja como fica um texto de internet utilizando os alinhamentos e os espaçamentos:

<HTML>
<HEAD>
<TITLE>===== Alinhamento e Espaçamento =====</TITLE>
<BODY BGCOLOR="A9C5C9">
ANOTHER LIFE
-Iron Maiden-
     AS A LAY HERE LYING ON MY BED 
SWEET VOICES COME INTO MY HEAD 
WHAT IT'S I WANNA KNOW
PLEASE WON'T YOU TEL ME          IT'S GOTTA GO 
THERE'S A FEELING THAT'S INSIDE ME 
TELLING ME TO GET AWAY
BUT I'M SO TIRED OF LIVING 
I MIGHT         AS WELL END TODAY
</BODY>
</HTML>

Veja o resultado:

*DICA*
Para centralizar um texto basta usar:

<CENTER> texto </CENTER>

11) Títulos

É possível utilizar até 6 tamanhos diferentes para títulos, de 1 até 6, sendo que o maior tamanho é 1 e o menor é 6.
As tags correspondentes aos tamanhos dos títulos são:

<H1>| <H2>| <H3>| <H4>| <H5>| <H6> texto do título </H1>| </H2>| ... </H6>

12) Linhas

Linhas podem ser exibidas carregando uma imagem gráfica ou utilizando a tag específica para linhas, a tag <HR>. As linhas podem ser de vários tamanhos e modelos, podem ser sombreadas, cheias, grandes, pequenas, grossas, finas. A tag completa de linha é:

Também é possível obter uma linha padrão, digitando <HR> em qualquer parte da página. Mas se você quiser usar a tag completa, veja o que significa cada comando dela:

a) WIDTH=NNN% Determina a largura da linha em proporção à página. Para uma linha que ocupe 100% da página, é só omitir esse modificador. Um tamanho de 45% geralmente é um bom tamanho.

b) ALIGN=LEFT| CENTER| RIGHT Faz o ajustamento da linha em relação à página. Se a linha ocupar 100% da largura disponível, o uso desse modificador é dispensável.

c) SIZE=NN Espessura da linha em pixels. O mínimo é 1 e recomenda-se 4 como máximo.

d) NOSHADE Com esse modificador a linha deixa de ser uma sombra e passa a ser um bloco sólido.

Veja o texto com títulos e linhas:

<HTML>
<HEAD>
<TITLE>===== Títulos e Linhas =====</TITLE>
<BODY BGCOLOR="A9C5C9">
<CENTER>
<H1>ANOTHER LIFE</H1>
<H4>-Iron Maiden-</H4>
<HR WIDTH=50% ALIGN=CENTER SIZE=6>
 
AS A LAY HERE LYING ON MY BED 
SWEET VOICES COME INTO MY HEAD 
WHAT IT'S I WANNA KNOW 
PLEASE WON'T YOU TEL ME IT'S GOTTA GO 
THERE'S A FEELING THAT'S INSIDE ME 
TELLING ME TO GET AWAY 
BUT I'M SO TIRED OF LIVING 
I MIGHT AS WELL END TODAY&#188
</CENTER>
<HR WIDTH=30% ALIGN=CENTER SIZE=2 NOSHADE>
 
</BODY>
</HTML>

Veja o resultado:

13) Caracteres Especiais e Acentos

Como na internet vários tipos de computadores ou outros dispositivos de conexão à internet podem querer ver sua página, você deve prepará-la de modo que todos possam vê-la. Por isso a ISO (International Standards Organization - Organização de Padronização Internacional) desenvolveu um padrão para caracteres especiais e acentos que nem todos os navegadores conseguem enxergar. Assim, foram estabelecidos códigos especiais para diversos símbolos. Por exemplo, para mostrar um símbolo como " ¼ " é só digitar no texto da página html " &#188 ", como foi feito na última linha da página acima após a palavra " TODAY ". Veja na tabela abaixo uma lista de vários códigos para os caracteres:

Á	Á	á	á	Â	Â
â	â	À	À	à	à
Å	Å	å	å	Ã	Ã
ã	ã	Ä	Ä	ä	ä
Æ	Æ	æ	æ	É	É
é	é	Ê	Ê	ê	ê
È	È	è	è	Ë	Ë
ë	ë	Ð	Ð	ð	ð
Í	Í	í	í	Î	Î
î	î	Ì	Ì	ì	ì
Ï	Ï	ï	ï	Ó	Ó
ó	ó	Ô	Ô	ô	ô
Ò	Ò	ò	ò	Ø	Ø
ø	ø	Õ	Õ	õ	õ
Ö	Ö	ö	ö	Ú	Ú
ú	ú	Û	Û	û	û
Ù	Ù	ù	ù	Ü	Ü
ü	ü	Ç	Ç	ç	ç
Ñ	Ñ	ñ	ñ	<	<
>	>	&	&	"	"
®	®	©	©	Ý	Ý
ý	ý	Þ	Þ	þ	þ
ß	ß	º	º	ª	ª
¹	¹	²	²	³	³
ƒ		†		‡
‰		¢	¢	£	£
«	«	±	±	»	»
·	·	¼	¼	½	½
¾	¾	¿	¿	×	×
÷	÷	¡	¡	¤	¤

HTML (5)

HTML (6)

(html://www.oocities.org/br/html_nevoeiroz)

Florianópolis - SC - Brasil.

Em caso de qualquer dúvida mande-me um e-mail:

Voltar para o início

C) TEXTO

1) Tamanho da fonte

2) Alterando o tamanho

3) Alterando o tipo de letra

4) Negrito

5) Itálico

6) Sublinhado

7) Modificando a cor do texto

8) Modificando a cor de parte do texto

9) Alinhamento de parágrafo

10) Margem de parágrafo e espaços em brancos

11) Títulos

12) Linhas

13) Caracteres Especiais e Acentos

HTML

HTML (1)

HTML (2)

HTML (3)

HTML (4)

HTML (5)

HTML (6)

Copyright ® 2000. RodCom. Todos os direitos reservados.
Página feita por Rodison dos Santos Ferreira.
nevoeiroz@hotmail.com
http://www.oocities.org/br/html_nevoeiroz

Florianópolis - SC - Brasil.

Em caso de qualquer dúvida mande-me um e-mail:

Á	Á	á	á	Â	Â
â	â	À	À	à	à
Å	Å	å	å	Ã	Ã
ã	ã	Ä	Ä	ä	ä
Æ	Æ	æ	æ	É	É
é	é	Ê	Ê	ê	ê
È	È	è	è	Ë	Ë
ë	ë	Ð	Ð	ð	ð
Í	Í	í	í	Î	Î
î	î	Ì	Ì	ì	ì
Ï	Ï	ï	ï	Ó	Ó
ó	ó	Ô	Ô	ô	ô
Ò	Ò	ò	ò	Ø	Ø
ø	ø	Õ	Õ	õ	õ
Ö	Ö	ö	ö	Ú	Ú
ú	ú	Û	Û	û	û
Ù	Ù	ù	ù	Ü	Ü
ü	ü	Ç	Ç	ç	ç
Ñ	Ñ	ñ	ñ	<	<
>	>	&	&	"	"
®	®	©	©	Ý	Ý
ý	ý	Þ	Þ	þ	þ
ß	ß	º	º	ª	ª
¹	¹	²	²	³	³
ƒ		†		‡
‰		¢	¢	£	£
«	«	±	±	»	»
·	·	¼	¼	½	½
¾	¾	¿	¿	×	×
÷	÷	¡	¡	¤	¤

Á	Á	á	á	Â	Â
â	â	À	À	à	à
Å	Å	å	å	Ã	Ã
ã	ã	Ä	Ä	ä	ä
Æ	Æ	æ	æ	É	É
é	é	Ê	Ê	ê	ê
È	È	è	è	Ë	Ë
ë	ë	Ð	Ð	ð	ð
Í	Í	í	í	Î	Î
î	î	Ì	Ì	ì	ì
Ï	Ï	ï	ï	Ó	Ó
ó	ó	Ô	Ô	ô	ô
Ò	Ò	ò	ò	Ø	Ø
ø	ø	Õ	Õ	õ	õ
Ö	Ö	ö	ö	Ú	Ú
ú	ú	Û	Û	û	û
Ù	Ù	ù	ù	Ü	Ü
ü	ü	Ç	Ç	ç	ç
Ñ	Ñ	ñ	ñ	<	<
>	>	&	&	"	"
®	®	©	©	Ý	Ý
ý	ý	Þ	Þ	þ	þ
ß	ß	º	º	ª	ª
¹	¹	²	²	³	³
ƒ		†		‡
‰		¢	¢	£	£
«	«	±	±	»	»
·	·	¼	¼	½	½
¾	¾	¿	¿	×	×
÷	÷	¡	¡	¤	¤

C) TEXTO

1) Tamanho da fonte

2) Alterando o tamanho

3) Alterando o tipo de letra

4) Negrito

5) Itálico

6) Sublinhado

7) Modificando a cor do texto

8) Modificando a cor de parte do texto

9) Alinhamento de parágrafo

10) Margem de parágrafo e espaços em brancos

11) Títulos

12) Linhas

13) Caracteres Especiais e Acentos

HTML

HTML (1)

HTML (2)

HTML (3)

HTML (4)

HTML (5)

HTML (6)

Copyright ® 2000. RodCom. Todos os direitos reservados. Página feita por Rodison dos Santos Ferreira. nevoeiroz@hotmail.com http://www.oocities.org/br/html_nevoeiroz

Florianópolis - SC - Brasil.

Em caso de qualquer dúvida mande-me um e-mail:

Copyright ® 2000. RodCom. Todos os direitos reservados.
Página feita por Rodison dos Santos Ferreira.
nevoeiroz@hotmail.com
http://www.oocities.org/br/html_nevoeiroz

Á	Á	á	á	Â	Â
â	â	À	À	à	à
Å	Å	å	å	Ã	Ã
ã	ã	Ä	Ä	ä	ä
Æ	Æ	æ	æ	É	É
é	é	Ê	Ê	ê	ê
È	È	è	è	Ë	Ë
ë	ë	Ð	Ð	ð	ð
Í	Í	í	í	Î	Î
î	î	Ì	Ì	ì	ì
Ï	Ï	ï	ï	Ó	Ó
ó	ó	Ô	Ô	ô	ô
Ò	Ò	ò	ò	Ø	Ø
ø	ø	Õ	Õ	õ	õ
Ö	Ö	ö	ö	Ú	Ú
ú	ú	Û	Û	û	û
Ù	Ù	ù	ù	Ü	Ü
ü	ü	Ç	Ç	ç	ç
Ñ	Ñ	ñ	ñ	<	<
>	>	&	&	"	"
®	®	©	©	Ý	Ý
ý	ý	Þ	Þ	þ	þ
ß	ß	º	º	ª	ª
¹	¹	²	²	³	³
ƒ		†		‡
‰		¢	¢	£	£
«	«	±	±	»	»
·	·	¼	¼	½	½
¾	¾	¿	¿	×	×
÷	÷	¡	¡	¤	¤