Docsity
Docsity

Prepare-se para as provas
Prepare-se para as provas

Estude fácil! Tem muito documento disponível na Docsity


Ganhe pontos para baixar
Ganhe pontos para baixar

Ganhe pontos ajudando outros esrudantes ou compre um plano Premium


Guias e Dicas
Guias e Dicas


Html - html pt05, Notas de estudo de Informática

- - - - - - -

Tipologia: Notas de estudo

Antes de 2010

Compartilhado em 24/02/2009

vinicius-nascimento-8
vinicius-nascimento-8 🇧🇷

3

(2)

13 documentos

1 / 2

Toggle sidebar

Esta página não é visível na pré-visualização

Não perca as partes importantes!

bg1
TUTORIAIS
Photoshop
Flash
FrontPage
Dreamweaver
Dhtml
Html
ASP
PHP
JOGOS
Homepage
Antevisões
Análises
Top 10
Demos
Jogos Online
Códigos/Cheats
GALERIAS
Gifs Animados
Clipart
Sons
Fontes
Scripts
FÓRUNS
Tecnologia
Software
Hardware
Flash
Anúncios Google
Mudar
Dicas
Tutoriais
Codigos
Livro Uml 2.0 -
Compre comodamente onli ne
37,90 €
Livro Erwin 4.0 -
Seu por apenas...
7,70 €
TUTORIAIS DE HTML
4. Formatação e aspecto Página: 1234567891011
Todas as páginas que vemos n a Internet têm alg o mais que texto corrido e
monótono. Antes de mais , podemos mudar a cor de um a página:
<HTML><HEAD><T ITLE>Página com cor</TITL E></HEAD>
<BODY BGCOLOR="#FFFF00" TEXT=" #0000FF" LINK="#FF0000">
Texto normal<BR><A HREF="out ra.htm">Texto com link</A>
</BODY>
</HTML>
O resultado será o seguinte:
Aqui foram acrescentados t rês parâmetros adicionais ao ‘tag’ <BODY>.
BGCOLOR define a cor de fundo da pági na, TEXT a cor por defeito do texto, LINK
a cor de uma hiper-lig ação. Existem ainda os parâmetros adi cionais ALINK e
VLINK que definem, respect ivamente, a cor de uma lig ação activa (quando se
clica sobre ela) e a cor de uma li gação já visitada previamen te.
O que está dentro destes p arâmetros? O código hexadecimal corresponden te à cor
(mais informação sobre isto enc ontra-se no artigo sobre o uso da cor, na seguinte
tabela podemos ver algun s dos mais imp ortantes:
Dicas:
Branco: #FFFFFF Amarelo: #FFFF00
Preto: #000000 Magenta: #FF00FF
Cinza: #999999 Azul claro: #00FFFF
Vermelho: #FF0000 Laranja: #FF6600
Verde: #00FF00 Verde escuro: #006600
Azul: #0000FF Azul escuro: #000066
No entanto, muitas vezes m uito mais im portante que as cores, é o alinhament o
dos elementos da pág ina. Por defeito tudo fica alinh ado à esquerda, mas é
possível mudar is so:
<BODY>
<DIV ALIGN="CENTER">TEXT O CENTRADO</DIV>
<DIV ALIGN="RIGHT">TEXTO À DIREITA</ DIV>
Texto à esquerda
</BODY>
O texto em maiúscul as tem o seu alinhamen to alterado, a utilização do ‘tag
<DIV> também provoca que bras de linha:
ANÚNCIOS
Playstation 2 - Games
Toda a linha Sony Playstation 2, jogos e
acessórios. Confira aqui!
Emagrecer 7kg em 13 dias
Sem privações ou sofrimentos Quitosana
Pura® hoje, frete grátis
Truques e Dicas - Tutoriais de HTML - Formatação e aspecto
http://ww w.truquesedicas.com/tutoriais/html/00001e.htm
1 de 2 25/2/2009 10:05
pf2

Pré-visualização parcial do texto

Baixe Html - html pt05 e outras Notas de estudo em PDF para Informática, somente na Docsity!

TUTORIAIS

Photoshop Flash FrontPage Dreamweaver Dhtml Html

ASP

PHP JOGOS

Homepage Antevisões Análises Top 10 Demos Jogos Online Códigos/Cheats GALERIAS Gifs Animados Clipart Sons Fontes Scripts

FÓRUNS

Tecnologia Software Hardware Flash

Anúncios Google

Mudar Dicas Tutoriais Codigos Livro Uml 2.0 -

Compre comodamente online

37,90 €

Livro Erwin 4.0 -

Seu por apenas...

TUTORIAIS DE HTML

4. Formatação e aspecto Página:^1234567891011

Todas as páginas que vemos na Internet têm algo mais que texto corrido e monótono. Antes de mais, podemos mudar a cor de uma página: Página com cor

Texto normal
Texto com link

O resultado será o seguinte: Aqui foram acrescentados três parâmetros adicionais ao ‘tag’ . BGCOLOR define a cor de fundo da página, TEXT a cor por defeito do texto, LINK a cor de uma hiper-ligação. Existem ainda os parâmetros adicionais ALINK e VLINK que definem, respectivamente, a cor de uma ligação activa (quando se clica sobre ela) e a cor de uma ligação já visitada previamente. O que está dentro destes parâmetros? O código hexadecimal correspondente à cor (mais informação sobre isto encontra-se no artigo sobre o uso da cor, na seguinte tabela podemos ver alguns dos mais importantes: Dicas:

Branco: #FFFFFF Amarelo: #FFFF

Preto: #000000 Magenta: #FF00FF Cinza: #999999 Azul claro: #00FFFF Vermelho: #FF0000 Laranja: #FF Verde: #00FF00 Verde escuro: # Azul: #0000FF Azul escuro: #

No entanto, muitas vezes muito mais importante que as cores, é o alinhamento dos elementos da página. Por defeito tudo fica alinhado à esquerda, mas é possível mudar isso:

TEXTO CENTRADO TEXTO À DIREITA Texto à esquerda

O texto em maiúsculas tem o seu alinhamento alterado, a utilização do ‘tag’ também provoca quebras de linha:

ANÚNCIOS

Playstation 2 - Games Toda a linha Sony Playstation 2, jogos e acessórios. Confira aqui! Emagrecer 7kg em 13 dias Sem privações ou sofrimentos Quitosana Pura® hoje, frete grátis

Truques e Dicas - Tutoriais de HTML - Formatação e aspecto http://www.truquesedicas.com/tutoriais/html/00001e.htm

1 de 2 25/2/2009 10:

Porquê? O ‘tag’

é utilizado para a definição de parágrafos, como o seguinte exemplo o demonstra:

Bloco de texto

Outro bloco de texto
com mudança de linha

Existe uma diferença clara entre o espaçamento introduzido por uma mudança de parágrafo e aquele que surge através do ‘tag’
, de quebra de linha: Seguinte

Tutoriais | Fóruns de Discussão | Notícias | Jogos | Dicas | Flash | Downloads | Livros

Gifs Animados | Loja Online | Publicitar no Truques e Dicas | Contactos

Truques e Dicas - Tutoriais de HTML - Formatação e aspecto http://www.truquesedicas.com/tutoriais/html/00001e.htm

2 de 2 25/2/2009 10: