Passo 1 - HTML
Simples
Exemplo 1
Apresentação
Apesar de muitas vezes as paginas da Web apresentarem grande sofisticação elas nada mais são que simples documentos de texto simples, que podem ser feitos em qualquer processador de texto por mais simples que ele seja!
Software necessário para essa seção
Como dito acima você poderá utilizar qualquer processador de texto como o Notepad ou o Word. Porém as páginas devem ser salvas com a extensão .htm ou .html, portanto se você utilizar um processador com o Word o arquivo seve ser salvo como "somente texto".
Minha primeira pagina.
Então vamos lá!
exemplo1:
< html >
< head >
< title > Minha primeira pagina < /title >
< /head >
< body >
< h1 > Titulo Principal < /h1 >
<p> Esse é o texto da primeira página. </p>
< h2 > Esse é um subtitulo < /h2 >
<p> Esse é o texto depois do subtitulo </p>
<h3> Uma lista </h3>
<ul>
<li> Item 1
<li> Item 2
<li> Item 3
</ul>
</body>
</html>
Entenda o que está acontecendo
Para começar a página foi utilizado "<html>" que é a marcação padrão para o inicio de qualquer página. Ao final foi utilizado "</html>". Sempre que se abre alguma marcação ( que chamaremos de tags ) se deve fecha-la ao final colocando uma barra invertida antes do tag. Parece complicado não? Mais logo você vai entender melhor. O tag <head> inicia a leitura da pagina. O tag "<title>" é utilizado para o titulo da página que é mostrado na barra superior do Navegador ( Explorer, Netscape, Mosaic...) O tag "< body > " deve ficar no começo e no fim do "corpo" da pagina. Os tags "<h1>" "<h2>" "<h3>" são os titulos e subtitulos, sendo que o "<h1>" exibe a fonte maior que o "<h2>" e assim por diante. Para se escrever um texto ele deve estar entre os tags <p> e </p>