Primeiramente crie uma pasta para salvar as páginas. De preferência na Área de
trabalho (Desktop).
Sempre deixe os arquivos do site muito bem organizados, assim facilita e muito o
desenvolvimento dele.
Depois de criado uma pasta no Desktop ou em qualquer outro lugar de sua preferência
abra o Bloco de Notas.
Menu Iniciar>Programas>Acessórios>Bloco de Notas
Depois de aberto digite o seguinte código:
(ATENÇÃO! NÃO COPIE, DIGITE, ASSIM VOCÊ JÁ COMESSA A PRATICAR!)
<html>
<head>
<title> Minha Primeira Página em HTML!!!</title>
</head>
<body>
<p align=”center”> Essa é a primeira página HTML!!! </p>
</body>
</html>
Agora vou explicar tudo o que você escreveu.
A TAG <HTML> indica que você iniciou um arquivo HTML.
A TAG <HEAD> indica que você abriu um cabeçalho.
A TAG <TITLE> que deve ser usada dentro do cabeçalho <HEAD>, serve para colocar
titulo na página, é aquela frase que aparece na barrinha azul do Windows XP quando a
página está aberta.
A TAG <BODY> indica que se iniciou o corpo da pagina. É dentro desta TAG que irá boa
parte das TAG utilizadas para fazer uma página.
A TAG <p> indica que abriu um novo parágrafo. O atributo ALIGN como o próprio nome
diz serve para especificar o alinhamento. E CENTER significa que o alinhamento é no
centro. Caso você queira colocar o texto na esquerda troque o CENTER por LEFT, ou por
RIGHT para a direita e ainda pode colocar JUSTIFY para deixar o texto justificado.
O código deve ficar assim:
Vamos para o próximo passo!
Depois de digitado o código acima, salve o arquivo como primeira.html. Lembre-se de
digitar o .html no final do nome do arquivo. Pois se digitar apenas primeira e já clicar
em salvar o Bloco de notas vai pensar que você está fazendo um arquivo de texto
comum, e irá salvar em formato TXT. Deixe a codificação como ANSI.
Criar site
Estrutura básica de um documento by Criar Blog on February 27th, 2008
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.
A TAG DIV by Criar Blog on March 10th, 2008
Ela permite o alinhamento horizontal de qualquer elemento em uma página.
Inserindo Imagens / Configurando a Imagem by Criar Blog on March 10th, 2008
Inserindo Imagens
Para inserir imagens numa WebPage vamos utilizar a Tag IMG.
História HTML by Criar Blog on February 26th, 2008
Tim Berners-Lee criou o HTML original (e outros protocolos associados como o HTTP) em uma estação NeXTcube usando o ambiente de desenvolvimento NeXTSTEP.
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.
No Comments, Comment or Ping