Início
1
Curso de HTML - Aula 3 – Criando sua Primeira Página Qui 20 Dez 2012, 19:54
Halt
Administrador
Mensagens : 1662
AP's : 2147483645
Respeito : 61Idade : 24
Localização : Rio de Janeiro
[Autor: Gleison]
Dentro de uma pagina de HTML devem-se ter quatro coisas: Tags, Atributos, Valores e Conteúdo.
vamos fazer um teste.
Abra o Bloco de notas e digite
<html>
</html>
agora vá no menu arquivo opção salvar, escolha uma pasta e digite ex1.html e clique em salvar.
Isto é bem útil em programação, pois programas pagos geralmente salvam arquivos de texto que contem a informação da data de instalação na pasta do Windows e com a extensão DLL, porque assim fica difícil de encontrar já que ninguém em sã consciência apagaria uma DLL do diretório do Windows. Além de que muitos servidores da web só aceitam como páginas principal arquivos HTML por esse motivo iremos usar esta extensão.
Vamos testar ainda no documento ex1.html digite o seguinte código a fim de que fique igual ao exemplo. Adicione o tag <head></head> entre os tags <HTML> e </HTML>.
Sua pagina deve estar assim.
<HTML>
<head>
</head>
</HTML>
Salve seu arquivo, vá ate o seu navegador e atualize a página, veja que ainda não ocorrem alterações.
Volte ao arquivo ex1 e deixe o código como no exemplo.
OBS: Não copie os códigos pois devido á formatação aqui aplicada pode ocorrer erros na hora da cópia, alem de que assim você se acostuma com os códigos.
<HTML>
<head>
<title>Minha primeira página</title></head>
</HTML>
Salve seu arquivo e atualize a página no navegador, veja que agora a página tem um título.
Volte ao arquivo ex1 e deixe o código como no exemplo.
<HTML>
<head>
<title>Minha primeira página</title>
</head>
<body>Este é o meu primeiro texto na página</body>
</HTML>
Salve o arquivo e atualize a página no navegador, veja que agora aparece texto na página.
Texto azul = Códigos e atributos do HTML
Texto Azul em negrito = Codigos a serem adcionados ao codigo já existente.
Texto preto = Conteúdo da pagina.
Texto verde = Observações e considerações importantes.
Dentro de uma pagina de HTML devem-se ter quatro coisas: Tags, Atributos, Valores e Conteúdo.
TAGS
Todos os códigos que são responsáveis de fazer algo dentro do HTML são chamados de tags, eles estão representados entre <>sendo sempre a primeira palavra ou caractere, aqueles que tem </> tem a função de fechar o tag.ATRIBUTOS
Todos os códigos que são utilizados para complementar os tags são chamados de atributos. Eles vem sempre depois do tag.VALORES
Valores são números ou textos que definem um valor ao atributo.CONTEÚDO
Tudo o que aparece na pagina quando ela e carregada no navegador é chamado de conteúdo.PROGRAMAS NECESSÁRIOS
O único programa necessário é um editor de texto simples, o mais recomendado é o bloco de notas do Windows.INICIANDO A PRIMEIRA PÁGINA
Sempre que formos iniciar uma página deve-se iniciar pelo tag <html> e terminar com </html>.vamos fazer um teste.
Abra o Bloco de notas e digite
<html>
</html>
agora vá no menu arquivo opção salvar, escolha uma pasta e digite ex1.html e clique em salvar.
PORQUE .HTML?
Isso é algo que acredito que haveria duvidas sobre o porquê salvar com o nome + .HTML, bem e muito simples o nome após o ponto indica a extensão do arquivo e sendo assim em qual programa será aberto. O documento de texto simples pode assumir qualquer extensão, tanto é que se for salvo com a extensão MP3 ele será aberto pelo tocador de MP3 do seu PC.Isto é bem útil em programação, pois programas pagos geralmente salvam arquivos de texto que contem a informação da data de instalação na pasta do Windows e com a extensão DLL, porque assim fica difícil de encontrar já que ninguém em sã consciência apagaria uma DLL do diretório do Windows. Além de que muitos servidores da web só aceitam como páginas principal arquivos HTML por esse motivo iremos usar esta extensão.
TESTANDO A PÁGINA.
Para testar a página vá até a pasta e clique duas vezes sobre o arquivo ex1.html, veja que abrirá uma página em branco, isso porque ainda não digitamos seu conteúdo.INSERINDO O CABEÇALHO.
No cabeçalho e onde inserimos comentários sobre a página, chamamos CSS, e colocamos título na página, para criar o cabeçalho deve se utilizar o tag <head></head> após o tag <html>.Vamos testar ainda no documento ex1.html digite o seguinte código a fim de que fique igual ao exemplo. Adicione o tag <head></head> entre os tags <HTML> e </HTML>.
Sua pagina deve estar assim.
<HTML>
<head>
</head>
</HTML>
Salve seu arquivo, vá ate o seu navegador e atualize a página, veja que ainda não ocorrem alterações.
INSERINDO TÍTULO.
Para inserir um título na pagina usamos o tag <title></title> entre o tag <head> e </head>.Volte ao arquivo ex1 e deixe o código como no exemplo.
OBS: Não copie os códigos pois devido á formatação aqui aplicada pode ocorrer erros na hora da cópia, alem de que assim você se acostuma com os códigos.
<HTML>
<head>
<title>Minha primeira página</title></head>
</HTML>
Salve seu arquivo e atualize a página no navegador, veja que agora a página tem um título.
INSERINDO CONTEÚDO.
Para inserir conteúdo na página usamos o tag <body> e </body> sendo que qualquer coisa que irá aparecer na página deve estar entre estes tags, este tag deve ser inserido após o tag </head>.Volte ao arquivo ex1 e deixe o código como no exemplo.
<HTML>
<head>
<title>Minha primeira página</title>
</head>
<body>Este é o meu primeiro texto na página</body>
</HTML>
Salve o arquivo e atualize a página no navegador, veja que agora aparece texto na página.
Legenda:
Texto azul = Códigos e atributos do HTML
Texto Azul em negrito = Codigos a serem adcionados ao codigo já existente.
Texto preto = Conteúdo da pagina.
Texto verde = Observações e considerações importantes.
Perdeu alguma aula?, Quer saber qual é a proxima? Visite o Indice
Clique aqui
Clique aqui para visitar o site oficial
Clique aqui
Clique aqui para visitar o site oficial
