ajudinha informatica

blog com dicas e ajuda em informatica e conhecimentos em geral

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="http://4.bp.blogspot.com/_4XyIJAP_Tm8/Sbv7URRpXnI/AAAAAAAAGTE/W_6uPMZKqZA/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”


Anúncios

16 de março de 2009 - Posted by | como usar, computador, dica, dicas, HTML, internet, O que é, pc, Tutorial

Nenhum comentário ainda.

Deixe um comentário

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s

%d blogueiros gostam disto: