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>
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"