HTML - Lista de comandos

HTML - Listagem de comandos

________________________________________

Título do documento:

<title> escreva aqui o titulo da pagina </title>

Ou seja, escreva <title> no início do título e </title> para avisar que já terminou o título.

Evite usar acentuação dentro do title pois é o gerenciador de janelas (window manager) quem interpreta o title e não o software de navegação e muitas vezes o gerenciador de janelas não suporta caracteres acentuados.

O título deve ser o mais explicativo possível porem, compacto (no máximo uma linha).

________________________________________

Cabeçalhos (Headers):

Cabeçalhos podem ser usados em qualquer parte da página em HTML para dar destaque maior ou menor a algum termo do texto. Existem 6 tamanhos de cabeçalhos e eles são usados da seguinte forma:

<h1> . . . </h1>

Cabeçalho H1

<h2> . . . </h2>

Cabeçalho H2

<h3> . . . </h3>

Cabeçalho H3

<h4> . . . </h4>

Cabeçalho H4

<h5> . . . </h5>

Cabeçalho H5

<h6> . . . </h6>

Cabeçalho H6

________________________________________

Tipos de letra:

Itálico (Exemplo de texto em itálico):

<i> . . . </i>

Bold (Exemplo de texto em bold):

<b> . . . </b>

Code (Exemplo de texto em "code"):

<code> . . . </code>

Blink (Letras piscando):

<blink> . . . </blink>

________________________________________

Listas:

Criando uma lista de elementos tipo "ul" (Unordered List):

O exemplo:

• Exemplo

• de lista

• não ordenada

Foi criada com o comando <ul> . . . </ul> (que afasta todo o conteúdo para a direita) combinado com o comando <li> (cria uma marca na frente de cada item), escrito da seguinte forma:

<ul>

<li> Aqui vai um item da lista

<li> Aqui vai o proximo item.

<li> E pronto.

</ul>

Criando uma lista de elementos tipo "ol" (Ordered List):

1. Exemplo

2. de lista

3. ordenada.

A diferença da lista tipo "ul" é que neste caso cada item possui um número na sua frente, colocado automaticamente por cada <li> encontrado.

<ol>

<li> Aqui vai um item da lista

<li> Aqui vai o proximo item.

<ol>

É possível combinar listas "ol" e "ul" e também criar listas dentro de listas como no caso:

• Item A

o Um sub-item do A

o Outro sub-item do A

• Item B

• Item C

________________________________________

Formatando o texto na página:

Ao escrever um texto em HTML, a formatação (espaços entre uma palavra e outra e distância entre uma linha e outra) não é interpretada, ou seja, é preciso incluir comandos de quebra de linha, parágrafo e de texto pré-formatado como os que seguem:

Termina uma linha de texto (pula para próxima linha):

<br>

Termina um parágrafo (pula duas linhas):

<p>

Para pular várias linhas, não adianta usar diversos <p> seguidos. O que pode ser feito para pular diversas linhas é usar o comando <pre>, seguido de alguns "Enter" e depois o comando </pre> para terminar.

Colocando um texto pré-formatado:

<pre> coloque o texto aqui </pre>

Exemplo de texto pré-formatado:

"Este é um texto

pre-formatado."

Normalmente a apresentação de um texto formatado pelo comando pre é pior do que a de um texto formatado pelos comandos de formatação do HTML.

Iniciando um parágrafo de texto:

<dd>

Este comando <dd> afasta a primeira linha do texto que vem a seguir dele um pouco para a direita.

Interpretando o HTML como se fosse texto puro (.txt):

<plaintext>

Deste comando para frente tudo é interpretado como texto puro, ignorando os comandos do HTML, mostrando os comandos junto com o texto.

Centralizando textos e imagens:

<center> . . . </center>

________________________________________

Criando linhas de separação:

O comando <hr> cria uma linha horizontal em uma