Tags Html [principios Básicos]

LorDz
Por LorDz
em Programação Web

LorDz

Emo cheio de Glitter/ Moderador de OTserv
avatar
Conde
Conde

INFOS

Grupo: CondeRegistrado: 13/05/07Posts: 778Char no Tibia: Shea Fald

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.

Att,

Carlos "LorDz" Alberto



mplz1ajaxizt5mzcdc6n.png

Email: LorDz@XTibia.com

dwhfms

Eterno Coordenador - ou não :(
avatar
Marquês
Marquês

INFOS

Grupo: MarquêsRegistrado: 08/05/08Posts: 1342

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.

Entrada como Estagiário: 10/05/09

Entrada na Equipe de Imprensa: 23/06/09

Coordenador de Imprensa: 11/09/09

Coordenador de Redação: 20/03/11

Coordenador de Imprensa: 11/07/11

Diretor de Publicidade: 19/10/12

Contato: wonhelder@xtibia.com

 

"Não podemos prever o futuro, mas podemos criá-lo." Paul Pilzer

"Todo homem morre, mas são poucos os que realmente vivem." William Wallace

 



 

Conheça o Facebook do XTibia.com, lá você vê o melhor conteúdo do XTibia e ainda pode concorrer a prêmios incríveis!

 

facebooklogoq.jpg

LorDz

Emo cheio de Glitter/ Moderador de OTserv
avatar
Conde
Conde

INFOS

Grupo: CondeRegistrado: 13/05/07Posts: 778Char no Tibia: Shea Fald

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

Att,

Carlos "LorDz" Alberto



mplz1ajaxizt5mzcdc6n.png

Email: LorDz@XTibia.com

\Mattheus ~*

Ex Moderador
avatar
Conde
Conde

INFOS

Grupo: CondeRegistrado: 11/02/09Posts: 559Char no Tibia: Deep Druid

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

 

Parabéns.

 

Abraços.

[/ Construçãao .

Tonynh

Miau! É isso ai!
avatar
Herói
Herói

INFOS

Grupo: HeróiRegistrado: 07/01/08Posts: 2282Gênero: MasculinoChar no Tibia: Tonynh

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

Parabéns!

 

Ótimo tutorial..

 

Abras..

ArthurFavilla

avatar
Conde
Conde

INFOS

Grupo: CondeRegistrado: 04/07/09Posts: 507

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.

Ex-membro da Equipe de Imprensa



arthur@xtibia.com

twitter_logo_header.png

LorDz

Emo cheio de Glitter/ Moderador de OTserv
avatar
Conde
Conde

INFOS

Grupo: CondeRegistrado: 13/05/07Posts: 778Char no Tibia: Shea Fald

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

Pelo menos uns 5.

 

ABraços

Att,

Carlos "LorDz" Alberto



mplz1ajaxizt5mzcdc6n.png

Email: LorDz@XTibia.com

Henrique Moura

Ex-administrador
avatar
Herói
Herói

INFOS

Grupo: HeróiRegistrado: 17/02/08Posts: 2541
Parabéns, seu tutorial foi aprovado :warn:
A explicação foi exemplar.

KaKilo ~
 


Lom14fD.png

brainless

avatar
Campones
Campones

INFOS

Grupo: CamponesRegistrado: 29/10/06Posts: 26

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

Atualmente, dando suporte apenas a usuários TFS 2 e 3 (8.2 ~ 8.4) -- por julgar ser a melhor e mais estável distribuição de OTServs disponível.


LorDz

Emo cheio de Glitter/ Moderador de OTserv
avatar
Conde
Conde

INFOS

Grupo: CondeRegistrado: 13/05/07Posts: 778Char no Tibia: Shea Fald

Obrigado pelas dicas,

irei trazer mais conteúdo sobre css.

assim facilitando a aprendizagem.

Abraços

Att,

Carlos "LorDz" Alberto



mplz1ajaxizt5mzcdc6n.png

Email: LorDz@XTibia.com