Lista de atributos

Os tags podem ser usados com opes, ou atributos:

O ALIGN =CENTER, LEFT, RGHT por exemplo em H1-H6, TR, TD, TH ou
<P ALGN=CENTER>. No tag MG, pode assumir os valores CENTER,
TOP, MDDLE, LEFT, RGHT, ABSMDDLE, ABSBOTTOM.
O VALIGN no tag TR ou o primeiro TD ou TH de uma linha, define
alinhamento vertical, que pode ser BASELNE (texto com mesmo
alinhamento), TOP, MDDLE, BOTTOM
O SIZE usado com o tag FONT. Varia de 1 a 7 e o normal <FONT
SZE=3>. No tag HR define a altura da linha, de 1 a 100.
O BGCOLOR =#nnnnnn usado nos tags BODY, TH, TD, muda a cor de
fundo
O TEXT =#nnnnnn usado com o tag BODY, muda a cor do texto
O COLOR =#nnnnnn usado no tag FONT, muda a cor do texto em um
trecho
O FACE usado no tag FONT, muda a fonte usada (garantido para o
nternet Explorer). Exemplo: <FONT FACE=ARAL>
O HREF usado para fazer HPERLNKS com o tag <A
HREF=http://www...>. Para usar o case sensitive, isto , diferenciar
maisculas de minsculas deve-se usar aspas no endereo. Caso a
referncia seja para um tag no mesmo texto, usa-se #Texto1, por
exemplo. O tag ser <A Texto1>
O TARGET utilizado em frames ou quando voc quer que um link abra
uma nova janela do navegador. Neste caso, o alvo deve ser um nome
diferente de alguma moldura que exista nas configuraes dos frames.
Caso voc no tenha programao de frames, coloque qualquer nome.
Por exemplo: <A HREF="?????" target="newwin">
O LINK =#nnnnnn usado no tag BODY, define a cor do texto de links no
visitados
O ALINK =#nnnnnn usado no tag BODY, define a cor do texto de links
sendo clicados
O VLINK =#nnnnnn usado no tag BODY, define a cor do texto de links
visitados
O SCR local onde a imagem est localizada no tag MG. Usado tambm
no tag BGSOUND.
O LOWSCR imagem de baixa resoluo para ser carregada antes do
SCR, utilizada em imagens onde o SCR maior que 30 kbytes, por
exemplo, til para mapas de links. Garantido para Netscape.
O CLEAR no tag BR com a opo =ALL interrompe o fluxo de texto
quando se insere uma imagem.
O BORDER no tag MG coloca borda na imagem
O ALT =nome. usado no tag MG para ser simptico com a demora para
carregar imagens grandes ou para quem usa Browsers em formato
apenas texto. Usado para identificar a imagem.
O VSPACE no tag MG define a margem acima e embaixo da imagem,
valores em pixels (pontos)
O HSPACE idem para esquerda e direita
O WIDTH no tag MG separa o espao da largura que a imagem ser
carregada. No tag TABLE define largura da tabela. Usado tambm para
os tags MARQUEE e TABLE. No tag HR define o tamanho da linha ou
um percentual em relao largura da pgina.
O HEIGHT no tag MG separa o espao da altura que a imagem ser
carregada. No tag TABLE define altura da tabela. Usado tambm para
os tags MARQUEE e TABLE.
O BORDER no tag TABLE define o tamanho da borda
O COLSPAN no tag TD ou TH expande a largura da clula se >= 2
O ROWSPAN no tag TD ou TH expande a altura da clula se >=2
O CELLPADDING no tag TABLE define a margem dentro da clula
O CELLSPACING no tag TABLE define o espao entre as clulas
O BACKGROUND no tag BODY define uma imagem para ser utilizada
como fundo
O NAME indica o nome no tag MAP
O SHAPE indica o formato do tag AREA. Pode ser CRC, RECT ou POLY
O COORDS coordenadas dos mapas no tag AREA
O ISMAP indica que um mapa processado no servidor (CG) no tag MG
O USEMAP =#nome no tag MG usado nos Browsers mais novos para
processar mapas nos clientes e no no servidor.
O DIRECTION direo de rolagem para o tag MARQUEE.
O SCROLLAMOUNT velocidade de rolagem em pixels no tag MARQUEE.
O SCROLLDELAY intervalo entre rolagens no tag MARQUEE.
O DYNSCR no tag MG usado para mostrar vdeos .AV. Garantido para
o nternet Explorer.
O START em conjunto com o DYNSCR, pode ser =MOUSEOVER para
que se inicie o vdeo assim que o mouse passar por sobre a imagem
(SCR). =FLEOPEN, o vdeo exibido assim que a pgina for carregada.
No tag OL, =n define o primeiro nmero ou letra da lista ordenada.
O LOOP em conjunto com o DYNSCR, pode ser =NFNTE ou um valor,
para indicar o nmero de vezes que o vdeo ser exibido. Pode ser
usado tambm nos tags BGSOUND e MARQUEE.
O LOOPDELAY nmero de mili-segundos de espera entre o LOOP do
vdeo.
O CONTROLS coloca botes de controles para o vdeo.
O BGPROPERTIES =FIXED, no tag BODY com atributo BACKGROUND
deixa a imagem de fundo fixa e o texto rolando. S no nternet Explorer.
O LEFTMARGIN =n largura da margem esquerda em pixels no tag BODY.
Garantido para nternet Explorer.
O TOPMARGIN idem para o topo.
O TARGET =WINDOW no tag A abre nova janela do Browser para o link.
O NOSHADE no tag HR elimina o efeito tridimensional.
O TYPE no tag L especifica a marca a ser colocada antes do item. Pode
ser CRCLE, DSC, SQUARE, A, a, , i.
O NOREF no tag AREA define a rea no clicvel da imagem.
Corresponde ao tamanho total da imagem, com SHAPE=RECT,
normalmente e COORDS totais da imagem, em pixels.
O BEHAVIOR no tag MARQUEE, pode assumir os valores SCROLL,
SLDE ou ALTERNATE.
O BORDERCOLOR =#nnnnnn define a cor da borda no tag TABLE.
O BORDERCOLORLIGHT cor da sombra mais clara do TABLE.
O BORDERCOLORDARK cor da sombra mais escura do TABLE.
O NOWRAP nos tags TH ou TD impede a quebra do texto

Lista de tags:
O HTML marca o incio e o fim da pgina HTML
O HEAD cabea do texto
O TITLE formato de ttulo, que depende do Browser (Navegador)
O BODY corpo do texto
O H1 Ttulo principal
O H2 Ttulo secundrio
O H3 Ttulo tercirio
O H6 ltimo nvel de Ttulo possvel (H1 at H6)
O P marca incio de um pargrafo (exceo regra, s precisa colocar
<P>). Usado em par se for necessrio colocar atributos.
O BR marca quebra de linha (exceo regra, s precisa colocar <BR>)
O UL usado para montar uma lista de itens com bullets no incio, como
esta. Usar com L.
O OL lista ordenada por nmero ou letra, dependendo do atributo START.
Usar com L.
O DIR lista. Usar com L.
O MENU lista. Usar com L.
O LI incio de cada item (exceo regra, s precisa colocar <L> no
incio)
O BLOCKQUOTE aumenta a margem do texto. Pode ser adicionado em
conjunto com outro igual, por exemplo:
<BLOCKQUOTE><BLOCKQUOTE>Texto</BLOCKQUOTE></BLOCKQ
UOTE>
O PRE texto pr-formatado: respeita os espaos a mais no texto e
transforma a fonte em monoespaada.
O B negrito
O I itlico
O TT monoespaado
O BASEFONT muda o tamanho de todo o texto com o atributo SZE
O A hiperlink. Um dos tags mais importantes na navegao pela nternet.
O IMG inserir imagem (exceo regra, usa-se apenas no incio)
O TABLE cria tabela
O TR linha da tabela (no necessrio fechar esse tag)
O TH clula ttulo (no necessrio fechar esse tag)
O TD clula (no necessrio fechar esse tag)
O MAP cria mapas de links.
O AREA rea dentro do mapa. Necessita dos atributos SHAPE e HREF.
O MARQUEE letreiro rotativo. Garantido para o nternet Explorer.
O BGSOUND som de fundo, nos formatos WAV, AU ou MD. Garantido
para o nternet Explorer.
O HR inclui uma linha horizontal. Atributos SZE, WDTH, NOSHADE e
ALGN
O DL lista de definio
O DT item de ttulo da lista de definio
O DD item da lista de definio
O CAPTION legenda da tabela
O e incio e fim de um comentrio para os programadores.
O BLINK piscar o texto entre os tags. O tag </TD> tambm fecha o BLNK.
Observao: interessante que todos os tags sejam fechados logo aps o
texto, para usar lgica na programao e evitar erros. Nem todos os tags so
entendidos por todos os navegadores.

Este cdigo de cores foi tirado do livro do Caque Severo, s que com a
aplicao prtica que no tem no livro: aqui voc v as cores como so!!!
(Cores marcadas com asterisco* podem ser usadas como nomes no lugar do
cdigo, s que a nem todos os navegadores entendem).
Das 103 cores listadas aqui, as 8 primeiras so as mais usadas, por serem
cores mais puras.

Exemplo Cdigo Nome #

White #FFFFFF White 1
Red #FF0000 Red 2
Green #00FF00 Green 3
BIue #0000FF Blue 4
Magenta #FF00FF Magenta 5
Cyan #00FFFF Cyan 6
YeIIow #FFFF00 Yellow 7
BIack #000000 Black 8
Aqua #70DB93 Aqua 9
Baker's ChocoIate #5C3317 Backer's Chocolate 10
BIue VioIet #9F5F9F Blue Violet 11
Brass #B5A642 Brass 12
Bright GoId #D9D919 Bright Gold 13
Brown #A62A2A Brown 14
Bronze #8C7853 Bronze 15
Bronze II #A67D3D Bronze 16
Cadet BIue #5F9F9F Cadet Blue 17
CooI Copper #D98719 Cool Copper 18
Copper #B87333 Copper 19
CoraI #FF7F00 Coral 20
Corn FIower BIue #42426F Corn Flower Blue 21
Dark Brown #5C4033 Dark Brown 22
Dark Green #2F4F2F Dark Green 23
Dark Green Copper #4A766E Dark Green Copper 24
Dark OIive Green #4F4F2F Dark Olive Green 25
Dark Orchid #9932CD Dark Orchid 26
Dark PurpIe #871F78 Dark Purple 27
Dark SIate BIue #6B238E Dark Slate Blue 28
Dark SIate Gray #2F4F4F Dark Slate Gray 29
Dark Tan #97694F Dark Tan 30
Dark Turquoise #7093DB Dark Turquoise 31
Dark Wood #855E42 Dark Wood 32
Dim Gray #545454 Dim Gray 33
Dusty Rose #856363 Dusty Rose 34
FeIdspar #D19275 Feldspar 35
Firebrick #8E2323 Firebrick 36
Forest Green #238E23 Forest Green 37
Fuchsia Fuchsia Fuchsia 38
GoId #CD7F32 Gold 39
GoIdenrod #DBDB70 Goldenrod 40
Gray #C0C0C0 Gray 41
Green Copper #527F76 Green Copper 42
Green YeIIow #93DB70 Green Yellow 43
Hunter Green #215E21 Hunter Green 44
Indian Red #4E2F2F ndian Red 45
Khaki #9F9F5F Khaki 46
Light BIue #C0D9D9 Light Blue 47
Light Gray #A8A8A8 Light Gray 48
Light SteeI BIue #8F8FBD Light Steel Blue 49
Light Wood #E9C2A6 Light Wood 50
Lime #32CD32 Lime 51
Mandarim Orange #E47833 Mandarim Orange 52
Maroon #8E236B Maroon ??? 53
Medium Aquamarine #32CD99 Medium Aquamarine 54
Medium BIue #3232CD Medium Blue 55
Medium Forest Green #6B8E23 Medium Forest Green 56
Medium GoIdenrod #EAEAAE Medium Goldenrod 57
Medium Orchid #9370DB Medium Orchid 58
Medium Sea Green #426F42 Medium Sea Green 59
Medium SIate BIue #7F00FF Medium Slate Blue 60
Medium Spring Green #7FFF00 Medium Spring Green 61
Medium Turquoise #70DBDB Medium Turquoise 62
Medium VioIet Red #DB7093 Medium Violet Red 63
Medium Wood #A68064 Medium Wood 64
Midnight BIue #2F2F4F Midnight Blue 65
Navy #23238E Navy 66
Neon BIue #4D4DFF Neon Blue 67
Neon Pink #FF6EC7 Neon Pink 68
New Midnight BIue #00009C New Midnight Blue 69
New Tan #EBC79E New Tan 70
OId GoId #CFB53B Old Gold 71
OIive Olive Olive 72
Orange #FF7FF0 Orange 73
Orange Red #FF2400 Orange Red 74
Orchid #DB70DB Orchid 75
PaIe Green #8FBC8F Pale Green 76
Pink #BC8F8F Pink 77
PIum #EAADEA Plum 78
PurpIe Purple Purple 79
Quartz #D9D9F3 Quartz 80
Rich BIue #5959AB Rich Blue 81
SaImon #6F4242 Salmon 82
ScarIet #8C1717 Scarlet 83
Sea Green #238E68 Sea Green 84
SemiSweet ChocoIate #6B4226 Semi-Sweet Chocolate 85
Sienna #8E6B23 Sienna 86
SiIver #E6E8FA Silver 87
Sky BIue #3299CC Sky Blue 88
SIate BIue #007FFF Slate Blue 89
Spicy Pink #FF1CAE Spicy Pink 90
Spring Green #00FF7F Spring Green 91
SteeI BIue #236B8E Steel Blue 92
Summer Sky #38B0DE Summer Sky 93
Tan #DB9370 Tan 94
TeaI Teal Teal 95
ThistIe #D8BFD8 Thistle 96
Turquoise #ADEAEA Turquoise 97
Very Dark Brown #5C4033 Very Dark Brown 98
Very Dark Gray #CDCDCD Very Dark Gray 99
VioIet #4F2F4F Violet 100
VioIet Red #CC3299 Violet Red 101
Wheat #D8D8BF Wheat 102
YeIIow Green #99CC32 Yellow Green 103

Imagens
As imagens devem ser usadas nos formatos GF, ou GF89 (para carregar
mostrando o que j chegou ou que a cor de fundo seja transparente), GF
animado, para imagens com at 256 cores, ou JPEG (JPG) para imagens com
at 16 milhes de cores.
Essa regra para o nmero de cores da imagem serve para diminuir o tamanho
dos arquivos na sua compresso. Eventualmente voc pode testar a gravao
dos dois formatos para ver qual fica menor. Eu consegui menor tamanho de
arquivo para uma imagem de 8 bits em escala de cinzas com JPEG.
importante que as imagens tenham seu tamanho reduzido para serem
colocadas na nternet, pois o tempo de acesso precioso, usando para tanto a
tcnica anti-alias, para suavizar os contornos quando se reduz a qualidade das
imagens. Tenha em mente que muitas pessoas usam resoluo de tela
600x480, que o VGA padro, portanto no adianta fazer imagens com mais
de 600 pixels (pontos) de largura. No comprimento no h muita restrio, pois
o povo j acostumou com a barra de rolagem...
Bons aplicativos para tratamento de imagens, como o Adobe PhotoShop ou o
Corel PhotoPaint fazem isso com facilidade. A cor de fundo transparente ou
no deve ser definida antes de aplicar a tcnica de anti-alias, para facilitar a
seleo do que ser fundo e o que ser imagem e para combinar o anti-alias
com o fundo.
Uma boa opo tambm fazer gifs animadas, por exemplo com o Corel
PhotoPaint verso 7 acima.
O texto abaixo foi retirado do documento #3410 da Corel (Scanner ssues)
sobre o mtodo que o scanner faz a varredura da imagem:
"A scanning device converts light reflected from the surface of an image, or light
filtered through an image, into digital information which can be read by a
computer. This is achieved by dividing the image into individual pixels, and
recording the intensity of light reflected from or transmitted through the image at
each pixel location. An internal light source emits a full-spectrum white light
which is analyzed by detectors mounted behind red, blue, and green filters.
The color detected at each pixel location is converted into its red, blue, and
green components, and then stored in the computer as a bitmap or Raster
image file. The digital information in the file can be manipulated with graphics
application software."

Mapas
Usam-se mapas com o recurso CG-BN e arquivos com extenso .map. A
referncia se faz ao arquivo .map no tag A e a imagem a ser tratada como
mapa ter o atributo SMAP aps o SCR no tag MG. Para tanto necessrio
um editor de mapas.
Os formatos usados so circle, rect e poly, seguidos do nome do arquivo e as
coordenadas. Coordenadas para crculo so o centro e o raio, para o retngulo
so o canto superior esquerdo e o inferior direito. Para o polgono, so cada n
e o primeiro e o ltimo devem coincidir.
A ordem para a criao de um mapa deve ser a descrio do mapa <MAP>, a
referncia do arquivo .map <A> e depois a imagem com os atributos
USEMAP=#... e SMAP
Os mapas tambm podem ser criados no prprio documento.