Aprendendo HTML

H

TML


Nesse blog iremos os princípios básicos para a edição e criação de paginas no formato HTML,
desde a formatação de texto até de links, imagens, atributos etc.
HTML - Hypertext Markup Language é uma linguagem para publicação de conteúdo.
incluindo imegens, texto etc, é uma liguagem interpretada e deve seguir o padrão Hypertexto/conjunto de elementos;
e para salvar um arquivo podemos usar a extensão HTM ou HTML.


ELEMENTOS E ATRIBUTOS


Elemento TAG - para abertura e fechamento ( < > ) de toda a formatação do arquivo e elementos.
Os Atributos são usados para definir uma propriedade de um elemento HTML, devem ser colocados
sempre na tag de abertura ,logo após o nome do elemento, precedido de um espaço e é composto um nome de atributo,
um sinal de igual (=) e um valor de atributo , cercado por aspas duplas (").



INICIANDO UM DOCUMENTO

Todo o documento HTML fica contido entre os TAGS: ). Temos duas seções básicas:
HEAD -> Contém parâmetros de configuração do documento.
BODY -> Contém corpo do documento em si.
A estrutura de um documento HTML é:

TAGS USADOS NO INÍCIO DO DOCUMENTO

HTML.... / HTML
Envolve/Abre e fecha um documento ou página.
(HEAD e BODY).
HEAD... / HEAD
Envolvem o 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 o corpo/conteúdo 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.

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, RIGHT, OU LEFT
pode-se alinhar o texto no centro, direita ou esquerda.

Veja alguns exemplos:

Texto em H1 alinhado á direita.

Texto em H2

Texto em H3 alinhado ao centro.

FORMATAÇÃO DE TEXTOS

Além das TAGs CENTER.../CENTER, LEFT, RIGHT e as demais vistas acima 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.

IMPORTANTE

É importante lembrar porque utilizamos tags com letras minúsculas.
Em HTML os nomes das tags e elementos podem ser escritos tanto com letras maiúsculas quanto com letras minúsculas, tanto que B é a mesma coisa que b.
Se você observar em tutoriais encontrados pela Web, vai notar que os mais antigos
geralmente utilizam letras maiúsculas para escrever os nomes das tags, mas os mais modernos utilizam exclusivamente letras minúsculas.
Nesta minha apostila utilizo sempre letras minúsculas porque existe uma razão muito forte para isso.
A nova geração do HTML é uma apl icação do XML
e é designada por XHTML. O XHTML é a melhor linguagem para se criar páginas para a Web, mas é mais restrita do que o HTML
(“ rouba” algumas das liberdades que o HTML oferece).
Ao contrário do que acontece em HTML, em XML as etiquetas B e b representam elementos diferentes, visto que em XHTML foi adotado uma convenção segundo a qual todas as etiquetas devem ser escritas com letras minúsculas.
Por este motivo é extremamente recomendável que se escreva todas as etiquetas com letras minúsculas.
Deste modo, você estará adqui rindo bons modos e quase não terá trabalho de conver ter suas páginas HTML para XHTML.