HTML - Curso Completo (cortesia Wikipedia.org)
HTML - HiperText Markup Language - Linguagem de Marcação de Hipertexto.
TAGS PRINCIPAIS |
|
<html></html> |
Inicia e termina um documento em HTML. |
<head></head> |
Define a àrea de cabeçalho. |
<body></body> |
Define a área visível do documento. |
<title></title> |
Define um título para a página. |
ATRIBUTOS DO CORPO | |
<body bgcolor=?> |
Cor de fundo |
<body text=?> |
Cor de texto |
<body link=?> |
Cor dos links |
<body vlink=?> |
Cor dos links previamente visitados |
<body alink=?> |
Cor de um link ainda por clicar. |
TEXTO | |
<b></b> |
Texto em negrito. |
<i></i> |
Texto em itálico. |
<tt></tt> |
Texto com espaçamento uniforme (ao estilo máquinas de escrever) |
<font size=?></font> |
Tamanho das letras |
<font color=?></font> |
Cor das letras |
<font face=?></font> |
Define a fonte utilizada |
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. |
LINKS | |
<a xhref=”URL” >X</a> |
Cria uma hiperligação. O elemento definido por X pode ser uma imagem ou um texto. |
<a xhref=”mailto:EMAIL” ></a> |
Cria um link para o envio de e-mail. Quando clicado este link abrirá o programa de e-mail do utilizador. |
<a name=”NOME”></a> |
Cria um ‘alvo’ dentro de uma página. Um alvo pode ser um frame, por exemplo. |
<a xhref=”http://www.efeitosvisuais.com/blog/#?” ></a> |
Faz a ligação a um ‘alvo’ presente dentro da própria página. |
IMAGENS | |
<img xsrc=”ficheiro” > |
Insere uma imagem. |
<img xsrc=”ficheiro” align=?> |
Faz o alinhamento de uma imagem em relação ao resto do texto. O campo align pode ter vários valores como, por exemplo, top, bottom, middle, left e right. |
<img xsrc=”ficheiro” border=?> |
Define a borda da imagem. |
<hr> | Insere uma linha horizontal. |
TABELAS | |
<table></table> |
Cria uma tabela. |
<tr></tr> |
Cria uma linha de uma tabela |
<td></td> |
Cria uma célula numa linha. |
ATRIBUTOS DAS TABELAS |
|
<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 em percentagem. |
<tr align=?> or <td align=?> |
Alinhamento horizontal do conteúdo das células: 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 ocupadas por uma célula. |
<td rowspan=#> |
Numero de linhas ocupadas 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. O valor pode ser expresso em pixels, percentagem ou com um asterisco (para indicar “o resto”) |
<frameset cols=”valor,valor”> |
Define as colunas num conjunto de frames. O valor pode ser expresso em pixels, percentagem ou com um asterisco (para indicar “o resto”) |
<frame> | Define o ficheiro HTML a ser carregado num <frameset> |
<noframes></noframes> |
Especifica a área onde é inserido o conteúdo visivel em browsers que não suportam o uso de frames. |
ATRIBUTOS DE UMA FRAME | |
<frame xsrc=”URL” > |
Especifica o documento HTML a ser exibido no frame. |
<frame name=”nome”> |
Dá um nome ao frame, ou seja, transforma-a num possível alvo de links. |
<frame scrolling=X> |
Define se o frame tem barra de scroll. X pode ser “yes”, “no” ou “auto”. |
<frame noresize> |
Impede o visitante de redimensionar o frame. |
tags: Dicas
Se gostou desse artigo... | |
:: |
receba as novidades deste site por e-mail! |
Dê a sua opinião sobre este artigo
5 Opiniões
-
??? on
Setembro 23, 200818:00
Estes sao todos os codigos HTML?? A resposta envia por mail SFF.. obrigado
-
Magno Urbano on
Setembro 23, 200821:33
Não, são alguns.
-
Ligia on
Julho 17, 200916:45
Muito legal. Obrigada por dividir conosco essa apostila. Abraço forte...
-
Lucinei on
Maio 15, 201018:57
Gostei do artigo, pois da alguns exemplos de tag's e atributos que são de certa maneira dificeis de encontrar todos juntos na net...
-
Marcelo on
Outubro 11, 201020:19
http://www.efeitosvisuais.com/blog/curso-html-indice/curso-html-8/