Lista Tags HTML

Dossier Técnico Pedagógico
Projecto: 5742/2008/22
Acção: 5742/2008/22-481039-6-3
Área de Formação: 481. Ciências Informáticas
Itinerário de Formação: 48102. Instalação Manutenção Sistemas Informáticos
Referencial de Formação: 481039 - Técnico/a de Informática – Sistemas
Nível de Formação: 3
Modalidade de Formação: EFA – NS
Local de Formação: Lourinhã
Data de Início: 07.Agosto.2009
NIPC 503 807 141 | Correio Electrónico info@megaexpansao.pt | www.megaexpansao.pt | Telefone 262 836 204 | Telefax 262 844 223
Megaexpansão, Ensino e Formação Profissional em Novas Tecnologias, Lda. | Rua Praça de Touros, 26 | 2500-167 Caldas da Rainha
Recurso Didáctico
Formador[a] Sónia Rodrigues
UFCD / UC 0793 – Scripts CGI e Folhas de Estilo
Data 15/04/2009
Contextualização / Objectivos Documentação de apoio
Orientação Pedagógica Lista de tags, atributos e cores de HTML
Pág | 1
Projecto: 5742/2008/22
Acção: 5742/2008/22-481039-6-3
Lista de tags mais utilizadas em HTML:

• <HTML> marca o início e o fim da página HTML

• <HEAD> cabeçalho da página
• <TITLE> texto de título
• <BODY> corpo do texto
• <H1> Título principal
• <H2> Título secundário
• <H3> Título terciário
• <H6> Último nível de Título possível (H1 até H6)
• <P> marca início de um parágrafo
• <BR> marca quebra de linha
• <B> negrito
• <I> itálico
• <U> sublinhado
• <IMG> inserir imagem (excepção à regra, usa-se apenas no início)
• <TABLE> cria tabela
• <TR> linha da tabela (não é necessário fechar este tag)
• <TH> célula título (não é necessário fechar este tag)
• <TD> célula (não é necessário fechar este tag)
• <BGSOUND> som de fundo, nos formatos WAV, AU ou MIDI.
• <HR> inclui uma linha horizontal. Atributos SIZE, WIDTH, NOSHADE e ALIGN
•  início e fim de um comentário para os programadores.
Nota: Todos os tags devem ser fechados logo após o texto, para existir uma lógica na programação e evitar
erros. Nem todos os tags são entendidos por todos os navegadores.
Os tags podem ser usados com opções, ou atributos.
Dicas:
Criar espaço entre palavras:
ã: ã
õ: õ
á: á
à: à
é: é
ó: ó
í: í
Pág | 2
Projecto: 5742/2008/22
Acção: 5742/2008/22-481039-6-3
Lista de atributos mais utilizadas em HTML:

• ALIGN =CENTER, LEFT, RIGHT por exemplo em H1-H6, TR, TD, TH ou <P ALIGN=CENTER>. No tag
IMG, pode assumir os valores CENTER, TOP, MIDDLE, LEFT, RIGHT, ABSMIDDLE, ABSBOTTOM
• VALIGN no tag TR ou o primeiro TD ou TH de uma linha, define alinhamento vertical, que pode
ser BASELINE (texto com mesmo alinhamento), TOP, MIDDLE, BOTTOM
• SIZE usado com o tag FONT. Varia de 1 a 7 e o normal é <FONT SIZE=3>. No tag HR define a
altura da linha, de 1 a 100
• BGCOLOR =#nnnnnn usado nos tags BODY, TH, TD, muda a cor de fundo
• TEXT =#nnnnnn usado com o tag BODY, muda a cor do texto
• COLOR =#nnnnnn usado no tag FONT, muda a cor do texto num bloco
• FACE usado no tag FONT, muda a fonte usada (garantido para o Internet Explorer). Exemplo:
<FONT FACE=ARIAL>
• HREF usado para fazer HIPERLINKS com o tag <A HREF=http://www...>. Para usar o case
sensitive, isto é, diferenciar maiúsculas de minúsculas deve-se usar aspas no endereço. Caso a
referência seja para um tag no mesmo texto, usa-se #Texto1, por exemplo. O tag será <A
Texto1>
• TARGET é utilizado em frames ou quando se 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
configurações das frames
• LINK =#nnnnnn usado no tag BODY, define a cor do texto de links não visitados
• ALINK =#nnnnnn usado no tag BODY, define a cor do texto de links ao serem clicados
• VLINK =#nnnnnn usado no tag BODY, define a cor do texto de links visitados
• SRC local onde a imagem está localizada no tag IMG. Usado também no tag BGSOUND
• LOWSCR imagem de baixa resolução para ser carregada antes do SCR, utilizada em imagens
onde o SCR é maior que 30 kbytes, por exemplo, útil para mapas de links
• BORDER no tag IMG coloca limite na imagem
• ALT =nome. É usado no tag IMG para ser simpático com a demora para carregar imagens
grandes ou para quem usa Browsers em formato apenas texto. Usado para identificar a imagem
• VSPACE no tag IMG define a margem acima e em baixo da imagem, valores em pixels (pontos)
• HSPACE idem para esquerda e direita
• WIDTH no tag IMG separa o espaço da largura que a imagem será carregada. No tag TABLE
define largura da tabela. Usado também para os tags MARQUEE e TABLE. No tag HR define o
tamanho da linha ou um percentual em relação à largura da página
• HEIGHT no tag IMG separa o espaço da altura que a imagem será carregada. No tag TABLE
define altura da tabela. Usado também para os tags MARQUEE e TABLE
• BORDER no tag TABLE define o tamanho do limite
• COLSPAN no tag TD ou TH expande a largura da célula se >= 2
• ROWSPAN no tag TD ou TH expande a altura da célula se >=2
• CELLPADDING no tag TABLE define a margem dentro da célula
• CELLSPACING no tag TABLE define o espaço entre as células
• BACKGROUND no tag BODY define uma imagem para ser utilizada como fundo
• BORDERCOLOR =#nnnnnn define a cor da borda no tag TABLE
Pág | 3
Projecto: 5742/2008/22
Acção: 5742/2008/22-481039-6-3
Lista de Cores a utilizar em HTML

Exemplo Código Nome #

White #FFFFFF White 1
Red #FF0000 Red 2
Green #00FF00 Green 3
Blue #0000FF Blue 4
Magenta #FF00FF Magenta 5
Cyan #00FFFF Cyan 6
Yellow #FFFF00 Yellow 7
Black #000000 Black 8
Aqua #70DB93 Aqua 9
Baker's Chocolate #5C3317 Backer's Chocolate 10
Blue Violet #9F5F9F Blue Violet 11
Brass #B5A642 Brass 12
Bright Gold #D9D919 Bright Gold 13
Brown #A62A2A Brown 14
Bronze #8C7853 Bronze 15
Bronze II #A67D3D Bronze II 16
Cadet Blue #5F9F9F Cadet Blue 17
Cool Copper #D98719 Cool Copper 18
Copper #B87333 Copper 19
Coral #FF7F00 Coral 20
Corn Flower Blue #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 Olive Green #4F4F2F Dark Olive Green 25
Dark Orchid #9932CD Dark Orchid 26
Dark Purple #871F78 Dark Purple 27
Dark Slate Blue #6B238E Dark Slate Blue 28
Dark Slate 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
Feldspar #D19275 Feldspar 35
Firebrick #8E2323 Firebrick 36
Forest Green #238E23 Forest Green 37
Fuchsia Fuchsia Fuchsia 38
Gold #CD7F32 Gold 39
Goldenrod #DBDB70 Goldenrod 40
Pág | 4
Projecto: 5742/2008/22
Acção: 5742/2008/22-481039-6-3
*Gray #C0C0C0 Gray 41

Green Copper
#527F76 Green Copper 42

Green Yellow #93DB70 Green Yellow 43
Hunter Green #215E21 Hunter Green 44
Indian Red #4E2F2F Indian Red 45
Khaki #9F9F5F Khaki 46
Light Blue #C0D9D9 Light Blue 47
Light Gray #A8A8A8 Light Gray 48
Light Steel Blue #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 Blue #3232CD Medium Blue 55
Medium Forest Green #6B8E23 Medium Forest Green 56
Medium Goldenrod #EAEAAE Medium Goldenrod 57
Medium Orchid #9370DB Medium Orchid 58
Medium Sea Green #426F42 Medium Sea Green 59
Medium Slate Blue #7F00FF Medium Slate Blue 60
Medium Spring Green #7FFF00 Medium Spring Green 61
Medium Turquoise #70DBDB Medium Turquoise 62
Medium Violet Red #DB7093 Medium Violet Red 63
Medium Wood #A68064 Medium Wood 64
Midnight Blue #2F2F4F Midnight Blue 65
Navy #23238E Navy 66
Neon Blue #4D4DFF Neon Blue 67
Neon Pink #FF6EC7 Neon Pink 68
New Midnight Blue #00009C New Midnight Blue 69
New Tan #EBC79E New Tan 70
Old Gold #CFB53B Old Gold 71
*Olive Olive Olive 72
Orange #FF7FF0 Orange 73
Orange Red #FF2400 Orange Red 74
Orchid #DB70DB Orchid 75
Pale Green #8FBC8F Pale Green 76
Pink #BC8F8F Pink 77
Plum #EAADEA Plum 78
Purple Purple Purple 79
Quartz #D9D9F3 Quartz 80
Rich Blue #5959AB Rich Blue 81
Salmon #6F4242 Salmon 82
Scarlet #8C1717 Scarlet 83
Pág | 5
Projecto: 5742/2008/22
Acção: 5742/2008/22-481039-6-3
Sea Green #238E68 Sea Green 84

Semi-Sweet Chocolate
#6B4226 Semi-Sweet Chocolate 85

Sienna #8E6B23 Sienna 86
*Silver #E6E8FA Silver 87
Sky Blue #3299CC Sky Blue 88
Slate Blue #007FFF Slate Blue 89
Spicy Pink #FF1CAE Spicy Pink 90
Spring Green #00FF7F Spring Green 91
Steel Blue #236B8E Steel Blue 92
Summer Sky #38B0DE Summer Sky 93
Tan #DB9370 Tan 94
Teal Teal Teal 95
Thistle #D8BFD8 Thistle 96
Turquoise #ADEAEA Turquoise 97
Very Dark Brown #5C4033 Very Dark Brown 98
Very Dark Gray #CDCDCD Very Dark Gray 99
Violet #4F2F4F Violet 100
Violet Red #CC3299 Violet Red 101
Wheat #D8D8BF Wheat 102
Yellow Green #99CC32 Yellow Green 103
Pág | 6

Lista Tags HTML

Caricato da

Informazioni sul documento

Copyright

Formati disponibili

Condividi questo documento

Condividi o incorpora il documento

Opzioni di condivisione

Hai trovato utile questo documento?

Questo contenuto è inappropriato?

Copyright:

Formati disponibili

Lista Tags HTML

Caricato da

Copyright:

Formati disponibili

Dossier Técnico Pedagógico

Lista de tags mais utilizadas em HTML:

• <HTML> marca o início e o fim da página HTML

Os tags podem ser usados com opções, ou atributos.

Lista de atributos mais utilizadas em HTML:

Lista de Cores a utilizar em HTML

Exemplo Código Nome #

*Gray #C0C0C0 Gray 41

#527F76 Green Copper 42

Sea Green #238E68 Sea Green 84

#6B4226 Semi-Sweet Chocolate 85

Potrebbero piacerti anche