Ir para conteúdo

Aprenda Html Completo

Kencity

Por Kencity
em Programação Web

 Share

Posts Recomendados

Kencity

Kencity 2

Postado
Postado (editado)

[+]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%

Editado por Kencity
Link para o comentário
Compartilhar em outros sites
Kencity

Kencity 2

Postado
  • Autor
Postado

Estarei fazendo a continuação do tutorial por issu já coloquei completo,issu ai é básico apenas as codes mas já vai ter uma ideia do que será aprendido os outros códigos que ainda vou publicar são pouco mais avançados.

Link para o comentário
Compartilhar em outros sites
 Share
Ir para a lista de tópicos
×
×
  • Criar Novo...