Criar site em html – Tutorial como criar um site html
Neste tutorial para iniciante, você irá aprender como criar site html. Mas antes de começar, você precisa saber que HTML é um arquivo como outro qualquer. A diferença é que a sua extensão termina em .html ou .htm ( tanto faz ) e ele é usado para criar página da web. Você pode editar esse arquivo e até criar site em html inteiro só usando o bloco de notas do Windows.
Para efeito deste tutorial, evite usar programas para criar site e editores html visuais. O bloco de notas, que é o editor de texto padrão do Windows, ou este editor html online são os mais recomendados para quem quer aprender de verdade. Outra ferramenta para visualizar as páginas criadas em html é o navegador de internet. Tanto o internet explorer quanto o firefox servem. Vamos começar o nosso curso de criação de páginas.
Conhecendo as tags html
<html>
<head>
<title></title>
</head>
<body> </body>
</html>
Cada um dos símbolos acima é conhecido como tag. Note que há uma tag de abertura <head> e uma de fechamento </head>. Essas acima são as principais e obrigatórias para criar uma página html. Você pode conhecer as outras aqui TAGS HTML
Criando a primeira página do site
Abra o bloco de notas e cole o código abaixo.
<html>
<head>
<title> título da página </title>
</head>
<body> o texto do documento </body>
</html>
Salve o arquivo com o nome de criarsite.html no seu desktop como mostra a figura abaixo.
Você acaba de criar a sua primeira página html. Bom, o esqueleto dela pelo menos. Todos os sites na internet são feitos com essa estrutura. Note que o texto escrito entre as tags body aparece no corpo da página. É nessa tag que toda a ação acontece. Vamos aprender sobre ela no próximo tutorial. Qualquer dúvida assista ao vídeo logo abaixo.
Tutoriais relacionados
- Mural de recados para site ou blog
- Criar site totalmente grátis no Sites Google
- Tags html – Lista de html tags mais usadas
- Definir como pagina inicial
- O que é Adwords
- Ferramentas do photoshop
- Plataformas para criar loja virtual gratis
- Alinhar imagem com CSS – como alinhar imagem no site
