VE
html

Tags Básicas De Estrutra

Por Ventura, 09 de jan. de 2007 em Programação Web

otserv
tibia
23
3.7k
VenturaV
09 de janeiro de 2007 às 16:45

Tags básicas de estrutra

 

Existem algumas tags básicas para a estrutura de um blog. Como as tags <HTML> , <HEAD> , <BODY> , essas tags simples... Vamos começar com essas, deste jeito:

 

<HTML>

<HEAD>

<TITLE>Título do blog</TITLE>

</HEAD>

<BODY>

Coisas do seu blog, como tags do BLOGGER, WEBLOGGER, BLIG, UOL e o perfil...

 

</BODY>

</HTML>

 

LEGENDA:

<HTML> e </HTML> - Marcam o início e o fim do código HTML. Ou seja, nada deverá aparecer antes de <HTML> nem depois de </HTML> .

<HEAD> e </HEAD> - Marcam o início e o fim do cabeçalho da página (Note que a palavra "head" significa "cabeça").

<TITLE> e </TITLE> - Demarca, o título da página que aparecerá no topo do seu browser. Ou seja, o título da sua página deverá ser escrito entre essas duas tags.

<BODY> e </BODY> - Essas duas tags delimitam o corpo (Body = corpo) da página HTML. Conteúdo da sua página deverá ser escrito entre essas tags; todos os textos e imagens e coisas parecidas.

 

Tags básicas de formatação de linhas, sublinhados, negritos e itálicos

 

Você viu que não dá para fazer muita coisa com a estrutura da página, né? Esses códigos aqui você vai usar para formatar os paragrafos, estilos das letras (sublinhados, negritos e itálicos) e coisa e tal. São essas:

 

<BR> - Quebra de Linha. Essa é uma tag única, não precisa ser fechada. Use-a para pular para a linha de baixo como um "ENTER".

<P> - Quebra de parágrafo. Quando usá-la, ficará uma linha em branco.

<B> e </B> - Para escrever em negrito, escreva seu texto entre essas duas tags.

<I> e </I> - Marcam o início e o fim do texto em itálico.

<U> e </U> - O que escrevemos entre essas tags aparece sublinhado.

<S> e </S> - Para escrever uma palavra riscada no meio.

<BIG> e </BIG> - Aumenta a fonte do texto que escrevemos entre essas tags.

<SMALL> e </SMALL> - Diminui a fonte do texto que escrevemos entre essas tags.

 

<HR> - Insere uma linha horizontal.

<a href=http://www.xtibia.com>.::XTibia.com::.</a> - Insere um link para http://www.xtibia.com e o texto .::XTibia.com::. é o que aparece na página.

<a href=mailto:sr.speedy@hotmail.com>Sr.Speedy</a> - Insere um link para o email sr.speedy@hotmail.com (abirá automaticamente uma janela do Outlook) e o texto Sr.Speedy é o que aparece na página.

<img src=http://www.xtibia.com/forum/style_images/689.gif> - Insere a imagem que está no endereço http://www.xtibia.com/forum/style_images/689.gif na sua página.

 

A tag <BODY>

 

Como você viu na Parte 1, a tag <BODY> mostra o início do corpo (ou conteúdo) da sua página, sendo fechada com a tag </BODY>

Dentro dessa tag podem aparecer alguns comandos. Vejamos:

 

bgcolor=cor - Diz a cor de fundo da página, o Background. A cor pode aparecer com seu nome em inglês (Ex.: Black, Gray, Darkpink, Skyblue...) ou no código hexadecimal (Ex.: #000000, #808080, #e2008e, #5bcaf9...)

background=imagem.jpg - Caso você queira uma imagem como fundo da página, use esse comando. A imagem de repetirá até completar toda a tela e se moverá junto com o conteúdo da página (scroll).

bgproperties=fixed - Caso você queira que a imagem de fundo permaneça estática e só o conteúdo se mova ao acionar o scroll, use esse comando dentro da tag <BODY>.

text=cor - Esse diz a cor da fonte usada na página.

link=cor - Diga a cor que deseja que os links apareça.

alink=cor - Esse comando diz a cor do link ativo.

vlink=cor - Esse diz a cor do link já visitado.

 

Exemplos:

 

<BODY bgcolor=#f8f8f8 text=#fa8e4e link=#f8cc68 alink=#f8cc68 vlink=#ee8800>

ou

<BODY background=imagem.jpg text=#fa8e4e link=#f8cc68 alink=#f8cc68 vlink=#ee8800>

 

A tag <FONT> e formatação de texto

 

A tag <FONT> é utilizada para fazer controle de tamanho da fonte, cor e tipo e é fechada com a tag </FONT>. Ela pode conter os seguintes parâmetros:

 

<FONT FACE= SIZE= COLOR= > Seu texto aqui </FONT>

 

Onde:

 

FACE indica o tipo de fonte a ser usada.

Ex.: <FONT FACE=Arial>

 

SIZE indica o tamanho da fonte que pode variar entre 1 e 7.

Ex.: <FONT FACE=Arial SIZE=2>

 

COLOR indica a cor para a fonte. Que mais uma vez podem ser utilizados, tanto o nome da cor em inglês quanto o valor em hexadecimal.

Ex.: <FONT FACE=Arial SIZE=2 COLOR=darkpink>

 

Espero que aproveitem minhas dicas e que elas funcionem!!

FagunzF
09 de janeiro de 2007 às 20:45

Bom Tutorial...

Vai Ajudar os Iniciantes...

zingriftZ
12 de janeiro de 2007 às 13:18

mt bom ajudara mt gente e concerteza dara 1 força a qm quer ser programer =]

FagunzF
15 de janeiro de 2007 às 11:15

Ótimo Tutorial...

Vai Ajudar muita Gente...

ChapolinC
15 de janeiro de 2007 às 11:46

@Fagunz,

 

Entrando em todos os tutoriais e postando? Pois nesse você já entrou antes ;P

 

Usuário Fagunz alertado por flood.

 

Com a minha astúcia,

Chapolin.

ChakauC
16 de janeiro de 2007 às 18:33

Meu deus Bom tutorial

Ajudará bastantes os amadores

Boa parcero

O CaiporaO
16 de janeiro de 2007 às 19:43

Bom tutorial ventura, parabens.

GOD ZéG
19 de janeiro de 2007 às 21:28

:nuts: lol rox :D me ajudo mt...Flw...

Jk2J
23 de janeiro de 2007 às 09:35

Otimo tuto .. vai ajuda mto gente ^^

1 mês depois...
vini_xxeV
08 de fevereiro de 2007 às 10:24

Kara mto bom,eu q kero sabe um poco de programer me ajudo mto

Vlws Venturaa

Felipe MoraesF
09 de fevereiro de 2007 às 12:57

poxa kra,bem legal msm,bom para os iniciantes q nao entendem de nada,e gostariam de entender um pokinho +

skynagerloasS
09 de fevereiro de 2007 às 14:53

@Post eu uso o macromidia dai n uso cods assim =] alias nucna aprendi... faço soh pelo desin quando preciso de algo =]

upkingU
09 de fevereiro de 2007 às 15:46

Vlw cara me ajudo umpoco

 

 

bgcolor=cor - Diz a cor de fundo da página, o Background. A cor pode aparecer com seu nome em inglês (Ex.: Black, Gray, Darkpink, Skyblue...) ou no código hexadecimal (Ex.: #000000, #808080, #e2008e, #5bcaf9...)

 

eu aconselhor usar em hexadecimal pq vc vai ter mt mais op de cor( axo q vai )

skynagerloasS
09 de fevereiro de 2007 às 15:51

@upking q é hexadecimal?

upkingU
09 de fevereiro de 2007 às 15:54

por exemplo: #000000

 

se vc bota issu eh uma cor

 

otro exemplo: #000001 (nao sei se ta certo soh exemplo)

 

vai ser otra cor