xTibia

.com
LO
html

Tags Html [principios Básicos]

Por LorDz, 30 de out. de 2009 em Programação Web

10
1.8k
LorDzL
30 de outubro de 2009 às 15:40

Olá primeiramente vamos começar falando os Tags Básicos, dentro das codes os TAG\'s e em itálico a descrição:

 

INICIAIS:

<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 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 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.

 

Créditos:

Guilherme Sousa - Tutorial

LorDz - Formatação.

Editado Outubro 30 por LorDz

dwhfmsD
30 de outubro de 2009 às 15:45

Ficou bem organizado, como segundo passo você poderia ensinar como posicionar as tags, porque cada um tem sua "hora"para aparecer.

 

Muito Bom,

Abraços.

LorDzL
30 de outubro de 2009 às 15:56

sim, algumas já falam um pouco na descrição.

mais irei fazer um mais completo.

acho que esse já pode ser até movido.

 

Abraços

\Mattheus ~*\
30 de outubro de 2009 às 16:06

Organizado e ótimo conteúdo, pelo menos agora eu sei o básico.

 

Parabéns.

 

Abraços.

TonynhT
01 de novembro de 2009 às 10:30

Haha! adoro a linguagem HTML, trabalho bastante em sites.. e isso faz parte.

Parabéns!

 

Ótimo tutorial..

 

Abras..

Editado Novembro 1 por Tonynh

ArthurFavillaA
02 de novembro de 2009 às 19:27

LorDz, acho que você usou muitos termos técnicos, eu que não entendo NADA, li o tutorial e continuei não entendendo NADA. Tente colocar palavras mais simples, que facilitem o entendimento.

LorDzL
02 de novembro de 2009 às 21:12

Arthur isto é obvio antes você tera que ler muitos outros tutoriais básicos para entender este.

Pelo menos uns 5.

 

ABraços

Henrique MouraH
04 de novembro de 2009 às 01:33
Parabéns, seu tutorial foi aprovado :warn:
A explicação foi exemplar.
2 semanas depois...
brainlessB
16 de novembro de 2009 às 09:47

LorDz.. aprecio seu esforço e disposição em trazer material e tentar ensinar o povo do XT.... mas tenho uma pequena observação a fazer

 

a parte de atributos DEVE ser feita com CSS... sei que dificulta o aprendizado, que é MAAAAIS uma linguagem a se aprender, mas em breve os navegadores estarão 'banindo' a linguagem 'suja' da web.. então seria bom que quem está aprendendo... ja comece do jeito certo... o que é mais fácil do que ter q reaprender tudo

LorDzL
17 de novembro de 2009 às 16:59

Obrigado pelas dicas,

irei trazer mais conteúdo sobre css.

assim facilitando a aprendizagem.

Abraços