Fala Galera!
Nesta postagem abordaremos como criar e
visualizar aquivos HTML. Existem várias IDEs(Integrated Development
Environment) ou em português Ambiente de Desenvolvimento Integrado, para
desenvolvimento web. Como estou aprendendo usarei apenas o básico para
criar e manipular documentos HTML.
Desenvolvimento no Windows
Para criar e editar documentos HTML no Windows, precisamos apenas de um editor de texto simples e alguns navegadores para visualizar o documento criado. O editor de texto que vem no Windows por padrão, chama-se Bloco de Notas. Para acessar o bloco de notas bastar clicar no logotipo do Windows juntamente com a tecla r, após clicar nas duas teclas deverá aparecer uma imagem conforme a seguir:
 |
| Executar do Windows |
Depois que uma caixa de diálogo parecida com a imagem acima aparecer, basta escrever notepad e apertar o botão OK, se tudo deu certo o Windows abrirá a seguinte tela:
 |
| Editor de Texto do Windows |
Logo após o editor de texto aberto, iremos inserir as seguintes Tags HTML:
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="author" content="Seu Nome">
<title>Minha primeira página HTML</title>
</head>
<body>
Esse documento é apenas para realizar um teste.
</body>
</html>
Agora basta salvar o arquivo apertando as teclas Crtl+s, quando aparecer a caixa de diálogo para salvar o documento basta inserir um nome para o arquivo com a extensão .html e alterar o tipo do arquivo para todos os arquivos e modificar a codificação do documento para UTF-8, conforme a figura abaixo:
 |
| Salvando Documentos |
|
Agora vamos realizar o teste e verificar como o documento ficou. Eu realizei dois testes, sendo o primeiro no Google Chrome e o segundo no Mozilla Firefox. Para abrir o documento, basta dar dois cliques no arquivo que foi salvo anteriormente. O Windows abrirá o arquivo com seu navegador padrão, no meu caso o Firefox.
No Google Chrome:
 |
| Exibindo no Google Chrome |
No Mozilla Firefox:
 |
| Exibindo no Mozilla Firefox |
Para alterar seus arquivos no formato HTML, basta clicar com o botão direito do mouse no arquivo a ser alterado e clicar em abrir como e escolher o bloco de notas, conforme a figura a seguir:
 |
| Editando Arquivos HTML |
Agora basta ir estudando e criando seus documentos em HTML.
Comentários
Postar um comentário