<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 <html lang="pt">
 <head>
   <title>Título do Documento</title>
 </head>
 <body>
   texto,
   imagem,
   links,
   ...
 </body>
 </html>

As etiquetas HTML não são sensíveis à caixa (case sensitive), portanto tanto faz escrever <HTML>, <Html>, <html> ou <HtMl>.

As etiquetas básicas de HTML, cuja presença é altamente recomendada nas páginas são:

  • <html>: define o início de um documento HTML e indica ao navegador que todo conteúdo posterior deve ser tratado como uma série de códigos HTML.
  • <head>: define o cabeçalho de um documento HTML, que traz informações sobre o documento que está sendo aberto.
  • <body>: define o conteúdo principal, o corpo do documento. Esta é a parte do documento HTML que é exibida no navegador. No corpo podem-se definir propriedades comuns a toda a página, como cor de fundo, margens, e outras formatações.

Cabeçalho

Dentro do cabeçalho podemos encontrar os seguintes comandos:

  • <title>: define o título da página, que é exibido na barra de título dos navegadores.
  • <style>: define formatação em CSS.
  • <script>: define programação de certas funções em página com scripts, podendo adicionar funções de JavaScript.
  • <link>: define ligações da página com outros arquivos como feeds, CSS, scripts, etc.
  • <meta>: define propriedades da página, como codificação de caracteres, descrição da página, autor, etc. São meta informações sobre documento. Tais campos são muitos usados por motores de busca para obterem mais informações sobre o documento, afim de classificá-lo melhor. Por exemplo, pode-se adicionar o código <meta name="description" content="descrição da sua página" /> no documento HTML para indicar ao motor de busca que texto de descrição apresentar junto com a ligação para o documento.

Obs: as etiquetas <style> e <script> servem tanto para delimitar o espaço usados pelos códigos na pagina quanto para invocar códigos existentes em outros arquivos externos.

Corpo

Dentro do corpo podemos encontrar outras várias etiquetas, como por exemplo:

  • <h1>, <h2>,... <h6>: cabeçalhos e títulos no documento em diversos tamanhos.
  • <p>: novo parágrafo.
  • <br>: quebra de linha.
  • <table>: cria uma tabela (linhas são criadas com <TR> e novas células com <TD>. Já os cabeçalhos de coluna são criados com a etiqueta <TH>.)
  • <div>: determina uma divisão na página a qual pode possuir variadas formatações.
  • <font>: forma um texto (fonte, cor e tamanho) de um trecho do texto.
  • <b>, <i>, <u> e <s>: negrito, itálico, sublinhado e riscado, respectivamente.
  • <img>: imagem.
  • <a>: hiper-ligação para um outro local, seja uma página, um e-mail ou outro serviço.
  • <textarea>: caixa de texto (com mais de uma linha); estas caixas de texto são muito usadas em blogs, elas podem ser auto selecionáveis e conter outros códigos a serem distribuídos.
  • <acronym>: acrônimo (sigla)
  • <cite>: citação
  • <adress>: endereço

Criar site

A TAG HR by Criar Blog on March 10th, 2008
A TAG HR Insere uma linha horizontal no Browser.

Tag Title by Criar Blog on March 5th, 2008
Title A TAG Title vai dizer qual título aparecera na barra de nomes no topo da página; do contrario aparecerá apenas o endereço da página.

A Tag Meta by Criar Blog on March 5th, 2008
As tag’s Meta são utilizadas por sites de busca como o Google e o Cadê?.

Inserir Som em paginas by Criar Blog on March 10th, 2008
SOM Para inserir sons na sua pagina vamos utilizar as seguintes Tag’s: EMBED SRC – Para colocar as músicas para reproduzir em uma espécie de mini-media player na pagina.

O que é o HTML? by Criar Blog on December 19th, 2007
HTML é uma sigla e significa HyperText Markup Language, é uma linguagem universal destinada à elaboração de páginas com hiper-texto, como o nome indica.

This entry was posted on Wednesday, February 27th, 2008 at 12:22 am.
Categories: HTML.

No Comments, Comment or Ping

Comments are closed.