[+]INTRODUÇÂO]
1°Comandos básicos. [PRONTO]
[+]O que é o HTML?[+]
HTML significa ‘HyperText Markup Language’, e é uma linguagem universal destinada à elaboração de páginas com hiper-texto, como o nome indica. O conceito de hiper-texto é bastante simples: Certos itens de um documento contêm uma ligação a outra zona do mesmo documento ou, como é mais vulgar, a outros documentos.
A principal aplicação do HTML é a criação de páginas na Web, e convém esclarecer que não se trata de uma linguagem de programação. De facto, o HTML é antes uma espécie de linguagem de formatação, um ficheiro de texto que é formatado através de uma série de comandos – ‘tags’.
[+]'TAGS' 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.
[+]ATRIBUTOS DO CORPO[+]
<body bgcolor=?>
Cor de fundo.
<body text=?>
Cor de texto.
<body link=?>
Cor dos links.
<body vlink=?>
Cor dos links previamente visitadas.
<body alink=?>
Cor do 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.
[+]IMAGEN[+]
<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 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 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 UMA 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.
[+]APENDA MAIS SOBRE[+]
HTML (Hyper Text Markup Language)
À linguagem utilizada para produzir páginas web dá-se o nome de HTML, ou seja, produzir um ficheiro html é sensivelmente a mesma coisa que produzir uma página web.
HTTP (HyperText Transfer Protocol)
O ''protocolo'' utilizado para navegar na web é o http, isto é, ao escrever ''http://www.nome.pt/index.html'' estamos a dizer ao browser para transferir o ficheiro index.html, que está no servidor www.nome.pt, com o protocolo http.
Home Page
Este termo quer normalmente dizer ''página principal de um web site''. A Home Page de um web site é a sua página principal. A home page de um utilizador pode ser a sua página pessoal, mas pode também ser a página que carrega quando se abre o browser (Internet Explorer ou Netscape Navigator).
JPEG (Joint Photograhic Experts Group)
É um tipo de ficheiro com formato de imagem. Muitas das imagens visualizadas nas páginas Web estão em formato JPEG. Estes ficheiros têm a extensão .jpg
TIFF (Tag Image File Format)
É um tipo de ficheiro com formato de imagem. Este formato é muito pouco utilizado em páginas web mas é bastante popular por entre os designers e por aqueles que necessitam de gravar uma imagem com uma boa ''resolução''. Estes ficheiros têm a extensão .tif
URL (Universal Resource Locator)
O endereço de uma página web que se escreve na barra de endereços do browser (Internet Explorer por exemplo) é um URL. Aos endereços de ftp completos (ftp://nomedoservidor.com/ficheiro.zip) também se dá o nome de URL. Um URL é composto pelo nome do protocolo (por exemplo 'http://') o nome do servidor (www.servidor.pt) e nome do ficheiro (/index.html). Quando o url não tem o nome do ficheiro (exemplo: http://www.servidor.pt/) o servidor assume que se está a pedir o ficheiro 'index.html'.
Bom pessoal vi que a sessão HTML está um pouco parada e resolvi fazer um lista de comandos utilizando desde o básico ao avançado e o resultado de como ficaria um site pelo bloco de notas postarei exemplos,conforme for fazendo em resumo quem quiser postar seus resultados seria otímo,conforme o tempo estarei atualizando o topíco,duvidas?poste no tópico um mande uma MP.
Creditos:Kencity
Google 20%