Conhecendo alguns Tags

Aten��o: O que pode e n�o pode ser modificado quando se est� criando uma p�gina html

Texto em vermelho

C�digo Html( n�o pode ser modificado)

Texto em verde

Texto que pode ser modificado a vontade

Texto em violeta

C�digo Html que as vezes pode ser modificado

 

O Tag <H> cria uma esp�cie de cabe�alho no documento. Serve para identificar o come�o de uma se��o ou t�pico, facilitando a visualiza��o dentro de uma p�gina. Logo ap�s o TAH<H> de vir um n�mero de 1 a 6 indicando o tamanho da fonte, sendo 1 o maior e 6 o menor.Exemplo:

<H1> Texto Grande</H1>

<H6> Texto Pequeno </H6>

As Tags <left>, <center> e <right> alinham o texto, sendo:

<right> = Alinha a direita;

<center> = Alinha ao centro;e

<left> = Alinha a esquerda.

Exemplo:

<right> O texto ser� exibido alinhado a direita</right>

<center> O texto ser� exibido ao centro</center>

<left> O texto ser� exibido a esquerda </left>

Obs.: Voc� pode combinar as Tags, por exemplo, se deseja o cabe�alho alinhado ao centro (com os conhecimentos apresentados at� aqui) basta:

<h6> <center> Cabe�alho ao centro </center> </h6>

Respons�vel pela quebra de par�grafos. Ele iniciar� um novo par�grafo e pular� uma linha entre o texto. Com esta Tag voc� tamb�m pode alinhar um par�grafo inteiro. Exemplos:

Texto <p>

Para alinhar um par�grafo basta:

<p align=center> Todo este texto, entre a tag <P>, estar� centralizado em sua p�gina. Lembre-se que para testar as Tags basta utilizar os conhecimentos adquiridos e salvar um arquivo com a extens�o .html ou .htm.</p>

Este Tag pula uma linha, dando continuidade ao texto na linha de baixo. Exemplo:

Texto <br>

Obs.: O tag <p> pula par�grafo ao passo que o Tag <br> apenas pula uma linha. Para melhor entendimento fa�a um teste.

Este Tag cria uma linha horizontal que s�o utilizadas para dar destaque a t�tulos ou para gerar sensa��o de quebra entre um item e outro. Essas linhas podem tamb�m ser usadas com atributos de largura e altura. Exemplo:

<hr size=8 width=80%>

Onde WIDTH indica que a linha ocupar� 80% da largura da janela do seu navegador e SIZE que ser� exibida uma linha com 8 pixels. O resultado do c�digo anterior � o seguinte:


Obs.: N�o � preciso o Tag finalizador </hr>.


<b> = Deixa o texto em negrito;Exemplo: <b> Texto</b> Resultado=Texto

<i> = Deixa o texto em it�lico; Exemplo: <i> Texto </i> Resultado=Texto

<u> = Deixa o texto sublinhado; Exemplo: <u> Texto </u> Resultado=Texto

<marquee> = Cria o efeito da prote��o de tela "marquee" do Windows (Internet Explorer);Exemplo:<marquee> Texto </marquee> Resultado=texto

<blink> = Cria um efeito pisca-pisca no texto (Netscape Navigator);Exemplo:<blink> texto</blink>

O tag <font> possui os complementos FACE, COLOR e SIZE

O <font face="tipo_de_fonte">Ir� definir qual fonte ser� usada na sua p�gina, o ideal � utilizar fontes padr�es do Windows (tipo ARIAL ou TIMES NEW ROMAN), pois as fontes que seu computador tem, pode ser que outro computador n�o tenha(no caso o visitante de sua p�gina).

Exemplo:<font face="comic sans ms">Seu texto aqui</font>

O <font size="tamanho_da_fonte> ir� definir o tamanho da fonte.

Exemplo:<font size="3">Seu texto aqui</font>

O <font color="cor"Ir� colocar uma cor na sua fonte.

Exemplo:<font color="red"> Seu texto aqui</font>

Obs.: Todos esses complementos podem ser usados dentro de um mesmo Tag.

Exemplo:<font face="arial" color="green" size="4"> Texto exibido com fonte ARIAL cor VERDE e tamanho 4. </font>

Esse Tag n�o precisa de tag de fechamento, pois o pr�prio <BODY> se encarregar� disso. Sua fun��o � a de colocar uma cor de fundo para sua p�gina.

<BODY BGCOLOR="COR">

Onde: "COR" ser� a cor de fundo escolhido, que dever� ser escrito em ingl�s ou em c�digo. Os browsers disponibilizam at� 256 cores para serem usadas como cor de fundo. Caso seja escrito em c�digo hexadecimal, deve ser iniciado com # e os dois primeiros d�gitos representam a intensidade do vermelho(R), o segundo o verde(G) e o terceiro o azul(B), formando assim o c�digo RGB.

Exemplo: <BODY BGCOLOR="green"> ou <BODY BGCOLOR="#00ff00"> fazem com que sua p�gina tenha fundo de cor verde.

Veja a tabela com algumas cores e seus respectivos c�digos hexadecimais:

Cor C�digo hexadecimal
Black (Preto) #000000
White (Branco) #FFFFFF
Yellow (Amarelo) #FFFF00
Blue (Azul) #0000FF
Green (verde) #00FF00
Dark Green (Verde Escuro) #2F4F2F
Red (Vermelho) #FF0000
Magenta (Rosa) #FF00FF
Cyan (Ciano) #00FFFF

Obs.: Se voc� deseja colocar uma cor na sua barra do Tag <HR> basta adicionar color"Cor".

Exemplo:<hr size=8 width=80% color="yellow"> ter� como resultado:


 

Volta principal Curso

P�gina Principal

Hosted by www.Geocities.ws

1