Básico HTML
Autor: iWindows | Publicado: 2010-09-14T12:58:00-07:00

A  linguagem html (HyperText Markup Language) é a base da internet. Ela é  uma linguagem de marcação que é compilada (interpretada) pelo browser de  nossos computadores nos possibilitando navegar pela internet com uma  interface gráfica amigável. Como já disse os blogs criados na plataforma  blogger, como esse, são feitos em html.


Hoje  vamos começar aprendendo algumas tags html, que nada mais são que  palavras reservadas entre o sinal &lt; e &gt;. Quando o browser lê uma  dessas palavras ele sabe que se trata de tags html e executa o que elas  estão orientando. Toda tag deve ter um início e um fim para que o  browser saiba como lidar com ela. Por exemplo num título você utiliza a  tag  e fecha ela com a mesma tag com a "/" na segunda tag indicando o  final do título do documento. Fique tranquilo, vamos praticar isso no  próximo artigo.


Tags HTML:

 





























e 


e tag que inicia o documento, dizendo que será um tipo de documento HTML e o finaliza.
 e Indica o corpo do documento. O  body  contém todo o conteúdo que será exibido e finaliza o corpo do seu  programa (script). Você pode colocar nesta tag a cor do fundo da página e  a cor do texto e dos links, entre outros.
e Inicia e finaliza um parágrafo.
 e tag que inicia o cabeçalho. Nele você coloca  informações  sobre o documento (formatações, funções, fundo musical etc). O conteúdo  que estiver dentro do  geralmente não aparecerá quando sua home page  for exibida.
X&gt; e X&gt;Inicia  um cabeçalho, onde X é o nível de tamanho variando de 1 a 6, onde 1 é o  maior e 6 o menor. Finaliza um cabeçalho, o X é igual ao do que inicia  esse mesmo cabeçalho.
Indica  o título do seu documento. Repare o local em que esse título aparece.  Indica o final do título (repare que o título começa com ).
e Coloca o conteúdo, entre as tags, em um quadro. Funciona como parágrafo, mas não forma espaço entre eles.
X" width="Y" height="Z"&gt;Insere uma imagem, X é o nome ou diretório da imagem, Y é a largura e Z é a altura.

Insere uma quebra de linha. É como pressionar o enter.

 e Centraliza o conteúdo.
X" target="_blank"&gt;YCria um&nbsp;hyperlink&nbsp;com o conteúdo; X é o endereço e Y o nome do endereço. O&nbsp;target&nbsp;deve ser adicionado se quiser que abra em uma nova janela.
X"&gt;YInsere um&nbsp;hyperlink&nbsp;de e-mail; X é o e-mail.
e Inicia e finaliza uma lista de tópicos não ordenada - com o símbolo ponto (bullet) no início de cada linha.
e Inicia e finaliza uma lista de tópicos ordenada - com as linhas numeradas.


 e 

Inicia e finaliza cada linha de uma lista de tópicos ordenada e não ordenada.
 e , e  e Texto em negrito.
 e Texto sublinhado.
 e Texto em itálico.
 e Texto subscrito.
 e Texto sobrescrito.
 e Texto tachado.

e Usadas para listas de definições.


 e 

É um termo da lista de definições.

e É a explicação do termo; aparece como nas listas ordenadas e não ordenadas, mas sem os números ou bullets.


 
Inicia  e finaliza uma linha de tabela. Você pode adicionar nesta Tag o mesmo  que foi adicionado acima (largura, cor etc.) mas a soma das medidas deve  ser igual as da tabela.


E  aqui finalizamos o primeiro artigo do curso de html. Essa foi somente  uma introdução, não se assuste, pois no decorrer do curso iremos  utilizar exemplos para demonstrar o funcionamento das principais tags  html. Até o próximo artigo!