16 de março de 2009

Dica html, para iniciantes

Algumas dicas basicas para quem esta começando

Tamanho de fonte
Formato de Texto
Fprmato de fonte
Códigos de cores
Imagens
Hipertexto...e muito mais





TAMANHO DA FONTE:

<H1>texto tamanho H1</H1>
<H2>texto tamanho H2</H2>

<H3>texto tamanho H3</H3>
<H4>texto tamanho H4</H4>

<H5>texto tamanho H5</H5>
<H6>texto tamanho H6</H6>

O <H1> deixa a letra maior que o <H2> , e assim por diante.

FORMATANDO TEXTO:

<b> Texto </b> - Texto fica em Negrito.
<u> Texto </u> - Texto Sublinhado.
<i> Texto </i> - Texto em Itálico.

<sub></sub> - Subscrito = essas tags rebaixam o texto.
<sup></sup> - Sobrescrito = essas tags elevam o texto.

<center> Texto </center> Texto centralizado.

<left> Texto </left> Alinhamento à esquerda
<rigth> Texto </rigth> Alinhamento à direita
<justify> Texto </justify> Texto justificado

Os códigos também podem ser escritos uns sobre os outros, acumulando seus efeitos, como por exemplo:

<CENTER><B><U>Teste 1</U> <I>e</I> Teste 2</B></CENTER>

QUEBRA DE LINHA:

<br> - quebra linha – pula para linha de baixo

<p> - parágrafo - deixa uma linha em branco antes da próxima

ALINHAMENTO DE PARÁGRAFO:

<p align="left"> Texto </p>

<p align="right"> Texto </p>

<p align="center"> Texto </p>

FORMATANDO FONTE:

<font face="tipo da fonte, o nome dela, tipo arial" size="tamanho" color="cor"> Texto </font> - determina o tipo da fonte, o tamanho e a cor do texto que vier escrito entre essas tags.

É possível incluir tags de cor, tamanho e fonte dentro do parágrafo. Assim:

<p><font face="tipo da fonte, o nome dela, tipo arial" size="tamanho" color="cor"> Texto </font> </p>

CÓDIGO DE CORES:

Azul =“#0000ff#”

Verde =“#008000#”

Amarelo =“#ffff00 #”

Vermelho =“#ff0000#”

Rosa =“#ff00ff#”

Branco =“#ffffff#”

Preto =“#000000#”

<hr> - parâmetro utilizado para colocar linhas horizontais em uma página. Você pode determinar a altura, a largura e o alinhamento da linha. Por exemplo:

<hr size=8 align="center" width=75%>

Size - configura a espessura da linha

Width - configura a largura da linha (pode ser em porcentagem ou em pixels)

Align - determina o posicionamento da linha

IMAGEM :

<img> - é a tag necessária para se colocar uma imagem na página.

<img src="nomedaimagem"> - Localização da imagem: especifica o endereço da imagem a ser colocada na página. Normalmente, as imagens têm terminação .gif ou .jpg.

<img src="nomedaimagem"height="alturadaimagem" width="larguradaimagem > - Altura e largura da imagem: especifica a altura e a largura da imagem, tanto em pixels como em porcentagem.

HIPERTEXTO:
<a href="http://endereçodapágina.htm">Aqui vai o nome ou o endereço da página para a qual você está apontando o link</a>

- estas tags criam links para outras páginas da Internet.

<a href=”http://ajudinhainformatica.blogspot.com/”><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiqdvcY8Nhk-is6wQfDa6TjTl6uOKXNiX0FLJz_QdCz8WA6rHd2O9_WDeVsYWrdityjXMG6o9StCjtunJ0LUmI4y3ONSEQ72WLBq2lbOqViIy23jD9FI_IQi8fQi580CKKj3MzGqnggaVK/s1600-r/AJUDINHA_INF_09494.gif”></a>

- Hipertexto com imagem: neste caso, em vez de colocar o link em um texto, você estará colocando o link em uma imagem.
<a href="http://ajudinhainformatica.blogspot.com/" target="_blank">nome do link</a>

- ABRIR LINK EM NOVA JANELA – basta acrescentar target="_blank"



Comentários
0 Comentários

Nenhum comentário:

Postar um comentário

Gostou desta dica? Divulgue para seus amigos. Envie suas sugestões. Nos envie informações para melhorar ou ampliar esta dica. Esperamos sua participação.