o Site | Básico | Avançado  

  

Home
Estrutura Básica
Cabeçalho
Formatação de Texto
Formatação Parágrafos
Linhas Horizontais
Imagem
Listas
Tabelas
Links
Frames
Música
Refresh
Marquee
Mapas Clicáveis
Formulários
    

Cabeçalhos

           Cabeçalhos são linhas do documento que são exibidos no browser com letras diferentes do restante do texto. Devemos utilizar marcas de títulos ou headings que são numeradas de 1 (maior) até 6 (menor).
Sendo clocadas assim:
<h1>..</h1>
<h6>..</h6>

Ex.: cabeçalho.html
<html>
<head>
<title>Cabeçalhos</title>
</head>
<body>
<h1>Exemplo de cabecalho h1</h1>
<h2>Exemplo de cabecalho h2</h2>

<h3>Exemplo de cabecalho h3</h3>
<h4>Exemplo de cabecalho h4</h4>
<h5>Exemplo de cabecalho h5</h5>
<h6>Exemplo de cabecalho h6</h6>
</body>
</html>
           Os cabeçalhos podem ter alinhamento. Seus valores são: left (esquerda), center (centro) e right (direita).
Veja o exemplo

Formatação de texto


           Vamos ver algumas tags usadas para formatação de textos.
<br> - Indica a quebra de linha. Onde for encontrada esta tag será quebrada a linha. Esta tag na precisa de um par de terminação.
Ex.: Aqui está a primeira linha. <br>Esta e a Segunda.

<center></center> - Centraliza o texto entre as marcas.
<b></b> - O texto contido entre as marcas ficará em negrito.
<i></i> - O texto contido entre as marcas ficará itálico.
<strike></strike> - Mostra o texto riscado.
<sub></sub> - Texto subscrito.
<sup></sup> - Texto sobescrito.
<cite></cite> - Parecido com a função de <i></i>, mas especifica uma citação.
<address></address> - Formata texto como um endereço, e-mail ou URL(Uniform Resource Locator).
<font face = ... size = ... color = ... ></font> - Configura a fonte ser usada.

Ex.: formatação.html
<html>
<head>
<title>Formatação</title>
</head>
<body>
<h2 align = center>Formatando Texto</h2>
Texto simples<b> Texto em negrito</b> <i> Itálico</i> <b><i> Texto em Negrito-itálico</b></i><br>

<font size = -1 color = red> Texto tamanho 2 e cor vermelha</font><font size = +2 color = lighblue>Texto tamanho 5 e cor azul claro</font><br>

<font face = courier size = +3 color = blue>Texto azul, tamanho 6 e fonte courier</font><br>

<font face = arial>Texto com fonte arial</font>
</body>
</html>
Veja o exemplo

Formatando Parágrafo


<p align = ... > </p> - Delimita um parágrafo. O parâmetro align pode ter os valores left, center, right e justify. Após p </p> é deixado uma linha em branco.

<div align = ... > </div> - Configura o alinhamento do texto, sem quebrá-lo. Os valores de align são left, center, right e justify.

<pre></pre> - Exibe o texto como ele foi escrito, assim pode-se exibir longas listas. A fonte padrão é a courier new. Para alterar a fonte use <font></font>.


Topo