quarta-feira, 19 de agosto de 2009

Básico: Introdução ao HTML [1]

HTML (HyperText Markup Language, que significa Linguagem de Marcação de Hipertexto) é uma linguagem de marcação utilizada para produzir páginas na Web.

Os códigos de HTML são basicamente tags e deve-se obedecer algumas regras de sintaxe para que o sistema possa ler e transmitir.

Vou lhe mostrar algumas tags que são essenciais, sem ela não haveria funcionamento:
Vamos passar as regras, não se preoucupe, mais abaixo segue exemplos!
- A página em HTML deve estar demarcada com as tags: <html> (no início) e </html> (no final);
- Deve constar uma área de cabeçalho <head> e </head>, na qual você apresentará o título da sua página;
- No cabeçalho deverá ser colocado o título do documento <title> e </title>, veja depois o exemplo onde se localiza o título;
- Deve constar uma área para o corpo da página que deve começar com <body> e encerrar assim </body> ;
- Deixando bem claro, sempre as tags estarão abrindo e fechando, a tag deverá abrir neste formato <**início de tag**&gt e deve terminar neste formato </**fim de tag**> , ou seja, você deve marcar onde começa e onde terminam as coisas;
- Para que não surja dúvidas,não é obrigatório tag's em letra maiúscula ou minúsculas, eu por exemplo uso minúsculas mas lhe aconselho fazer sua página com as tags maiúsculas que elas dão destaque e ai muitas vezes você não se perde, faça do seu jeito, maiúsculas ou minúsculas nada importa!;
- A maioria das tags se encaixam na área principal, no body;
- Você pode editar sua web page em um editor de texto (Bloco de Notas) como em um programa profissional (Adobe DreamWeaver), basta fazer as sintaxes certas que sua web page fica sem falhas.

Um aviso para não causar confusão e ainda dizer que não funciona fazer a edição da web page no Bloco de Notas: quando você salvar coloque o nome que o arquivo vai ter (ex: minha página) e ai então coloque a terminação ".html" (sem as aspas)

Segue alguns exemplos:

Eu usei o código abaixo...

<html>

<head>
<title>OLHA O TÍTULO LÁ EM CIMA</title>
</head>

<body>
AQUI É A ÁREA PRINCIPAL DE UMA PÁGINA
<body>

</html>

...e o resultado foi:

Exemplo Blog EAE
Clique para Expandir

Nenhum comentário:

Postar um comentário

Gostou do artigo?
Poste aqui um comentário, é claro que o comentário deve estar de acordo com o tema do artigo!
Grato pela atenção! Equipe do EAE!