1. HTML Básico I

HTML significa Hypertext Markup Language e é a linguagem de descrição de documentos usada na World Wide Web. Ela é orientada por marcadores ou TAGs. TAGs são os comandos utilizados pela linguagem HTML. Cada TAG informa ao programa visualizador ou Browser, como ele deverá formatar o texto e deve estar dentro dos sinais de menor que (<) e maior que (>). Exemplo: <HTML>, <BODY>, etc. Os TAGs podem ser únicos ou duplos, com início e fim. Exemplos:
TAG único: <BR> TAG duplo: <P>....</P>

1.1 - INICIANDO UM DOCUMENTO

Todo o documento HTML fica contido entre os TAGS: <HTML> e </HTML>. Temos duas seções básicas:
HEAD - Contém parâmetros de configuração do documento.
BODY - Contém o documento em si.
A estrutura de um documento HTML é:
<HTML><HEAD><TITLE>Título da Home Page</TITLE></HEAD>
<BODY BACKGROUND="imagem">*** Conteúdo da Home Page ***</BODY></HTML>

1.2 - TAGS USADOS NO INÍCIO DO DOCUMENTO

<HTML>...</HTML>
Envolvem todas as seções de um documento (HEAD e BODY).
<HEAD>...</HEAD>
Envolvem a seção de cabeçalho do documento.
<TITLE>...</TITLE>
Indica o título do documento para o Browser. Geralmente os Browsers apresentam este título na barra de título da sua Janela no Windows.
<BODY>...</BODY>
Envolvem a seção de corpo do documento. Aqui fica o conteúdo principal da Home Page. Opcionalmente podemos indicar um arquivo de imagem para formar o fundo, usando a opção: BACKGROUND.

1.3 - TÍTULOS E SUBTÍTULOS

Para demarcar títulos e subtítulos, use os TAGs de HEADER (H1 a H6), juntamente com as opções CENTER ou BLINK.
Veja alguns exemplos:

H4

Texto inserido entre <H4> e </H4>:

H3

Texto inserido entre <H3> e </H3>:

H2

Texto inserido entre <H2> e </H2>:

H1

Texto inserido entre <H1><CENTER> e </CENTER></H1> :

Observações: As TAGs CENTER e BLINK têm a função de deixar o cabeçalho ou texto centralizado e pulsante (piscando), respectivamente.

1.4 - FORMATAÇÃO DE TEXTOS

Além das TAGs <CENTER>...</CENTER> e <BLINK>...</BLINK> existem as seguintes TAGs que podem ser utilizadas para a formatação de um texto.
<B>...</B> - Aplica o estilo negrito.
<I>...</I> - Aplica o estilo itálico.
<U>...</U> - Aplica o estilo sublinhado (nem todos os browser o reconhecem).
<SUP>...</SUP> - Faz com que o texto fique sobrescrito.
<SUB>...</SUB> - Faz com que o texto fique subscrito.
<PRE>...</PRE> - Utiliza a pré-formatação, ou seja, deixa o texto da maneira em que foi digitado.

Home - Próxima