Resumindo uma longa história, HTML foi inventado em 1990 por um cientista chamado Tim Berners-Lee. A finalidade inicial era a de tornar possível o acesso e a troca de informações e de documentação de pesquisas, entre cientistas de diferentes universidades. O projeto inicial tornou-se um sucesso jamais imaginado por Tim Berners-Lee. Ao inventar o HTML ele lançou as fundações da Internet tal como a conhecemos atualmente.
Para criar uma página HTML você precisa somente de qualquer editor de texto como o Bloco de Notas.
Estrutura:
<html></html>: define o início de um documento HTML e indica ao navegador que todo conteúdo posterior deve ser tratado como uma série de códigos HTML<head></head>: define o cabeçalho de um documento HTML, que traz informações sobre o documento que está sendo aberto<body></body>: define o conteúdo principal, o corpo do documento. Esta é a parte do documento HTML que é exibida no navegador. No corpo podem-se definir propriedades comuns a toda a página, como cor de fundo, margens, e outras formatações.
A estrutura básica é escrita assim:
<html>
<head>
<title>Título da Página</title>
</head>
<body>
</body>
</html>
A tag <title> é o título da página :
As tags precisam ser fechadas assim </nome da tag> para funcionarem.
Agora vamos para a parte prática:
Dentro do Body(Corpo) vamos adicionar o título "Olá Mundo".
<h1 align="center">Olá Mundo</h1>Definições:
- <h1> => quer dizer Heading 1, é um tipo de formatação de texto que será especificada na próxima postagem juntamente com as tags <h2>,<h3>,<h4>, <h5> e <h6>
- align="center" => "align" quer dizer alinhamento e "center" quer dizer centro, Ou seja o que estiver escrito na tag <h1> será alinhada no meio da página
- </h1> => fechamento da tag <h1>
<title>Olá Mundo</title>
O Código completo ficou:
<html>
<head>
<title>Olá Mundo</title>
<body>
<h1 align="center">Olá Mundo</h1>
</body>
</html>
Ao acabar salve o arquivo como index.html
Depois de salvar abra ele:
Se não ficar assim, tente recomeçar o tutorial.
Na próxima postagem vou ensinar como pôr links, imagens, tabelas e explicar algumas tags para você conseguir montar seu próprio site.
