DICAS BÁSICAS DE HTML PARA BLOGUEIROS

DICAS BÁSICAS DE HTML PARA BLOGUEIROS

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://www.bol.com.br”><img src="bol.gif border=0”></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://spaces.msn.com/members/ajuda-spaces/" target="_blank">nome do link</a>

- ABRIR LINK EM NOVA JANELA – basta acrescentartarget="_blank"

VOLTAR A PÁGINA INICIAL