Você está na página 1de 2

TAGS – HTML

<B> </B> - limita o texto a bold


<I> </I> limita o texto a itálico
<U> </U> limita o texto sublinhado
<S> </S> limita o texto riscado

Headings (títulos), 6 níveis

<H1> </H1> tamanho maior

<H2> </H2>

(…)

<H6> </H6> tamanho menor

Formatação de texto, alinhamento

<P ALING =CENTER></P> limita texto centrado


<P ALING =LEFT></P> limita texto formato à esquerda

Listas ordenadas

<OL> </OL> - limita lista numerada

Exemplo:

<ol>
<li>Primeiro item da lista</li>
<li>Segundo item da lista</li>
</ol>
cor HTML

Necessidade de converter os valores de RGB numa representação alfanumérica sistema


hexadecimal de forma a serem interpretados pelo browser.

Ex: RGB (228, 28, 71) = #E41C47

 Definir atributos de cor


o Cor de fundo
 <BGCOLOR=“#000000”> define a cor de fundo do documento (preto)
o Cor do texto
 <BODY TEXT=“#FF0000”> </BODY> define a cor do texto de TODO o
documento (vermelho)

Inserir imagens

<IMG SRC=“FICHEIRO”>
<IMG SRC=“DIRECTÓRIO/FICHEIRO”> localização da imagem

1
Hiperligações

1. Página na internet:
a. <a href=“www.abola.pt”>ABRIR SITE Abola </a>
2. Ficheiro no mesmo diretório:
a. <A HREF=“FICHEIRO.HTML”>TEXTO DO LINK</a>
3. Ficheiro noutro diretório:
a. <A HREF=“DIRECTÓRIO/FICHEIRO.HTML”>TEXTO DO LINK</a>
4. Link p/ envio de mail:
a. <A HREF=“MAILTO: marga@ca.ua.pt”> TEXTO DO LINK</a>
5. Links a partir de imagens
a. <a href=“ficheiro html”> <img src=“caminho da imagem - incluir a extensão”>
</a>

Tag <alt> (Acessibilidade)

Permite incluir uma definição textual de uma imagem

<img src="cantina.jpg" alt="alunos na cantina">

Tag <title> (Acessibilidade)

Pode ser utilizado em qualquer elemento da página, no entanto, não é necessário/obrigatório.


Serve para descrever hiperligações, tabelas, linhas nas tabelas, etc.

<table title="notas finais da disciplina">

TABELAS

1. Principais TAGS:
o <TABLE> </TABLE> - limita a tabela
o <CAPTION> </CAPTION> - limita o título da tabela
o <TR> </TR> - limita uma linha da tabela
o <TH> - abre o título de uma coluna
o <TD> - abre o conteúdo de uma célula

2. Dentro do tag <TABLE>:

o <BORDER> bordo da tabela


o <WIDTH> define a largura da tabela (em pixels ou em percentagem)
o <CELLPADDING> define a distância (pixels) entre os dados e o border da tabela
o <CELLSPACING> define a distância (pixels) entre células

3. Dentro do tag <TH> ou <TD>


o <COLSPAN> define quantas colunas cada célula ocupa
o <RO WSPAN> define quantas linhas cada célula ocupa
o align: define o alinhamento horizontal do conteúdo da tabela, de uma linha ou
de uma célula. Por exemplo, left, centre ou right (à esquerda, no centro ou à
direita).
o valign: define o alinhamento vertical do conteúdo de uma célula. Por exemplo,
top, middle ou bottom (em cima, no meio ou em baixo).

Você também pode gostar