Introdução:
A linguagem Html ( Hypertext Markup Language - Linguagem de Marcação
de Hipertexto) é usada para criar as páginas divulgadas na World Wide Web,
o serviço mais popular na Internet. É com ela que são feitos os hyperlinks que
permitem navegar pela Web. Para isso, utiliza marcações, chamadas tags, no
ponto da página em que é feito um hyperlink com outra página. Para criar uma página Html, usaremos o Bloco de Notas, um editor de texto
simples que acompanha o Windows. Isto é tudo que você precisa.
1º Abra o Bloco de Notas.
Clique em Editar e marque o item Mudança
Automática de linha.
2º Digite o seguinte texto:
<html>
Todas as páginas Html devem iniciar com essa tag.
3º Digite :
<head>
O cabeçalho deve ser delimitado pelas tags <head> e </head>
6º Digite:
<body>
Onde deve ficar o corpo da sua página.
Depois deve inserir o título para o texto. Para isso você usará as tags <h1> e
</h1>
Exemplo<h1>Minha primeira Home Page</h1>
O tamanho vai de <h1> tamanho maior para <h6> tamanho menor.
7º Para colocar um texto digite :
<p>Texto aqui
Feche com </p>
Exemplo:
<p>Páginas Html podem ser criadas em qualquer editor ou processador de
texto </p>
8º Colocando uma imagem :
Exemplo:
<img src="brasil.gif" alt=" imagem do Brasil" align=”center” height=270
width=240>
A imagem deve estar na mesma pasta que o arquivo Html. Ou aponte para a
pasta certa. Img src é referente a imagem que precisar ser indicado sua
extensão Gif ou Jpg. Height e Width são as dimensões da figura em pixels,
modifique a seu gosto. Alt é um texto alternativo enquanto a página é
carregada ou quando se passa com o mouse sobre a figura.
9º Vamos fechar o corpo do texto e terminar com a tag de fechamento.
Exemplo:
</body>
</html>
10º Salve com extensão .html ou .htm .
Exemplo:
teste.html ou teste.htm
Abrindo e vendo o resultado. Abra seu navegador padrão( Internet Explorer
ou Netscape). Clique em Arquivo /Abrir ou Abrir página/ Procurar . Abra a
pasta onde você salvou sua página clique no arquivo html de sua página e de
Ok.
Exemplo completo
<html>
<head>
<title>teste html</title>
<head>
<body>
<h1>Minha primeira Home Page</h1>
<p>Páginas Html podem ser criadas em qualquer editor ou processador de
texto </p>
<img src="brasil.gif" alt="Brasil" align=”left” height=150 width=120>
</body>
</html>
Veja o resultado teste.htm
Tanto as figura como o texto ou mesmo os hyperlinks podem ser alinhados
no canto esquerdo, direito ou centralizados.
Como fazer.
<p align="center">texto alinhado ao centro</p>
<p align="right">texto alinhado a direita</p>
Caso você não escolha nenhuma dessas duas tags o alinhamento será
automático.