Formatação de Parágrafo

Parágrafo
Com a tag <"p"> indicamos que o texto influênciado é um parágrafo e possui alinhamento próprio
Atributo: Align

Este atributo indica que o parágrafo deverá ser alinhado à direita, esquerda, no centro da página ou até mesmo justificado usando:

left – esquerdo
justify – justificado
center – centro
right – direito

Exemplo: <"p align=”center”">texto<"/p">.

Quebra de linha

Usa-se a tag <"br"> quando se deseja quebrar uma linha e começar outra (não é necessário utilizar a tag de fechamento neste caso). O termo “br” significa break line que significa breque a linha.

Diferença entre <"p"> e <"br">

O comando <"p"> insere uma linha em branco no seu local ou na linha seguinte à qual ele foi inserido. O comando <"br"> tem como função avançar para a linha imediatamente abaixo aquela em que ele se encontra, sem contudo, inserir uma linha em branco.

Formatação da fonte

Principais tipos de formatações:



<"b"> - Negrito;
<"i"> - Itálico;

<"u"> - Sublinhado;

<"big"> - Aumenta o tamanho da fonte e aplica o negrito;

<"small"> - Reduz e altera a fonte;

<"sup"> - Eleva o texto e diminui seu corpo;

<"sub"> - Rebaixa o texto e diminui seu corpo;

<"blink"> - Faz com que o texto pisque (não funciona em alguns navegadores).



Tag <"font">
É utilizada para controlar o tamanho, cor e tipo da fonte

Atributos:

face – indica o tipo da fonte a ser usada;

size – indica o tamanho da fonte (varia de 1 a 7);

color – indica a cor da fonte. Deve ser informada a cor da fonte em inglês ou em valor hexadecimal.

Exemplo: <"font=”arial” size=”5” color=”blue”"> texto <"/font">

Réguas Horizontais

São linhas da largura da janela do browser, usadas para separar visualmente as seções de um documento. É limitado pela tag <"hr"> de horizontal rule.

Atributos:

size – configura a espessura da linha;

width – configura a largura da linha, podendo ser um valo exato em pixels ou em porcentagem;

align – configura o tipo de alinhamento da linha (left, right ou center);

noshade – desenha uma linha sólida sem sombra.( default= linha sombreada).

Cabeçalhos
São usados normalmente como título e subtítulo de uma página. O HTML possui seis níveis de cabeçalhos numerados de 1 a 6 sendo o número 1 o de maior destaque. O primeiro cabeçalho de cada documento deve estar marcado como <"h”y”">, onde “y” é o tamanho desejado.

Exemplo: <"h1"> texto <"/h1">

Texto Pré-formatado
Através do comando <"pre"> você pode incluir um texto que foi editado por um editor de texto e preservar a formatação original, com marcas de tabulações, fim da linha gerado pela tecla Enter entre outros; se você especificar um comando HTML dentro da área pré-formatada eles serão executados normalmente.


Exemplo: <"pre"> texto <"/pre">




Esse é o básico do HTML, espero que tirem proveito desse tutorial!