Lista de tags comuns em HTML

Lista de tags comuns em HTML

Quinta-Feira, 21 de Janeiro de 2010 às 11:58

Sempre é bom saber pequenas coisas que nos ajudam a obter um código limpo, apropriado e ajustado às normas que são utilizadas hoje em dia.

Básicas

<html></html> - Inicia/termina um documento em HTML.

<head></head> - Define a àrea de cabeçalho, com elementos não visualisáveis na página.

<body></body> - Define a área visível do documento.


Cabeçalho:

<title></title> - Coloca o nome da página na barra de título da janela.

<meta> - Define as informações da página.

<style></style> - Define o estilo CSS do site.


Atributos:

<body bgcolor=?> - Cor de fundo.

<body text=?> - Cor de texto.

<body link=?> - Cor das links.

<body vlink=?> - Cor das links previamente visitadas.

<body alink=?> - Cor da link activa.


Texto:

<b></b> - Texto carregado.

<i></i> - Texto em itálico.

<tt></tt> - Texto estilo máquina de escrever, monoespaçamento.

<font size=?></font> - Tamanho das letras.

<font color=?></font> - Cor das letras.

<font face=?></font> - Define a fonte utilizada.


Links:

<a href="URL"></a> - Cria uma hiperligação.

<a href="mailto:EMAIL"></a> - Cria uma link para o envio de correio.

<a name="NOME"></a> - Cria um 'alvo' dentro de uma página.

<a href="#NAME"></a> - Faz a ligação a um 'alvo' presente dentro da mesma página.


Formatação:

<p></p> - Define a área de um parágrafo.

<p align=?> - Alinhamento de um parágrafo.

<br> - Insere uma quebra de linha.

<div align=?> - 'Tag' genérico utilizado para formatar blocos de texto.


Grafismo:

<img src="FICHEIRO"> - Insere uma imagem.

<img src="FICHEIRO" align=?> - Alinha uma imagem em relação ao resto do texto.

<img src="FICHEIRO" border=?> - Define a borda da imagem.

<hr> - Insere uma linha horizontal.


Tabelas:

<table></table> - Cria uma tabela.

<tr></tr> - Linha de uma tabela

<td></td> - Célula individual numa linha.


Atributos tabela:

<table border=#> - Borda à volta de cada célula.

<table cellspacing=#> - Espaço entre as células.

<table cellpadding=#> - Margem interior das células.

<table width=# or %> - Largura da tabela - em pixels ou percentagem.

<tr align=?> or <td align=?> - Alinhamento horizontal do conteúdo das células.quot;left", "center" ou "right")

<tr valign=?> or <td valign=?> - Alinhamento vertical do conteúdo das células.("top", "middle" ou "bottom")

<td colspan=#> - Numero de colunas 'percorridas' por uma célula.

<td rowspan=#> - Numero de linhas 'percorridas' por uma célula.


Frames:

<frameset></frameset> - Define o conjunto de frames. Surge antes de <body> num documento com frames.

<frameset rows="valor,valor"> - Define as linhas num conjunto de frames. Valor pode ser em pixels, percentagem ou * (o resto / proporção).

<frameset cols="valor,valor"> - Define as colunas num conjunto de frames. Valor pode ser em pixels, percentagem ou * (o resto / proporção).

<frame> - Define uma unica frame. Surge dentro de <frameset>.

<noframes></noframes> - Área onde é inserido o conteúdo visivel em browsers que não suportam o uso de frames.


Atributos de um frame:

<frame src="URL"> - Especifica o documento HTML a ser exibido na frame.

<frame name="nome"> - Dá um nome à frame de modo a poder ser 'linkada' a partir de outras frames.

<frame scrolling=VALOR> - Define se a frame tem barra de scroll. VALOR pode ser "yes", "no" ou "auto".

<frame noresize> - Impede o visitante de redimensionar a frame.

Fonte: Oficina da Net

Tags:

Qual a sua opinião?

Comente e interaja!



#1
Raquel | Terça-Feira, 07 de Dezembro de 2010 às 16:05

Finalmente

Finalmente achei a TAL lista com tags de html...
Denunciar