Estrutura básica de um documento

 <!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

Primeira Página em HTML by Criar Blog on February 7th, 2009
Uma página básica em HTML é um arquivo de texto simples contendo o texto da página e os comandos HTML que definem a formatação das mesmas.

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ê?.

Etiquetas HTML by Criar Blog on February 26th, 2008
Todo documento HTML apresenta etiquetas, elementos entre parênteses angulares (sinais de maior e menor) (< e >); esses elementos são os comandos de formatação da linguagem.

TITULOS E SUBTITULOS by Criar Blog on March 10th, 2008
TITULOS E SUBTITULOS Estas Tag’s são utilizadas para dar ao leitor uma visão geral sobre o que se trata o texto em questão.

Tags HTML by Criar Blog on March 5th, 2008
Tags HTML A primeira Tag de sua página é justamente a que indica o tipo de linguagem a ser utilizada: <HTML>.

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

No Comments, Comment or Ping

Comments are closed.

Criar Blogs