2 de set. de 2012
Introdução ao HTML
HTML é a linguagem mais simples que eu já aprendi. Claro que para resultados melhores, o código sofre mudanças, mas na minha opinião é o mais fácil e qualquer um pode aprender.
O código HTML é composto por tags, que são comandos escritos entre <> e suas propriedades.
Aprenda na prática.
1º Abra o Bloco de Notas e salve seu arquivo como "Site.html"
2º Copie e cole essas linhas de código básicas:
<html> <!--inicia o HTML-->
<head> <!--configurações do cabeçalho-->
<title>Meu primeiro site </title> <!--título do site-->
</head> <!--fecha as configurações do cabeçalho-->
<body> <!--configurações do corpo do site-->
<H1> A tag H1 serve para introduzir um texto de título </H1>
<H2> A tag H2 tem a mesma utilidade, porém o tamanho do texto é menor,
existem ainda o H3, H4, H5,H6 e H7. </H2>
</body><!--fecha as configurações do corpo do site-->
</html> <!--termina o HTML-->
3º Salve o arquivo, vá até a pasta na qual você salvou o site e abra-o.
Você terá algo assim:
4º Personalize a página.Mude o código original para alterar cores, formas e posições.
- <body bgcolor="lightpink"> <!--Muda a cor de fundo do site para rosa claro. Há outras cores, em um outro post eu coloco outras cores. -->
- <H1 align='center'>...</H1> <!--Muda a posição do texto para o centro da pagina.-->
- <hr color="white"> <!--Insere uma linha divisória de cor branca na página-->
- <img src="http://paperlesswasp.com/resume/images/html_logo.gif"><!--Insere uma imagem com o endereço que está entre aspas.-->
- <center>...</center><!--Centraliza qualquer objeto da pagina-->
- <font>...</font><!--Insere um texto comum-->
- <br/><!--Insere um parágrafo-->
5º Visualize seu site enquanto edita, para ter noção do que acontece com a modificação de cada propriedade de cada tag.
O nosso site em html básico ficou assim:
E o código utilizado foi este:
<html> <!--inicia o HTML-->
<head> <!--configurações do cabeçalho-->
<title>Meu primeiro site </title> <!--título do site-->
</head> <!--fecha as configurações do cabeçalho-->
<body bgcolor="lightpink"> <!--configurações do corpo do site-->
<H1 align='center'>A tag H1 serve para introduzir um texto de título </H1>
<H2 align='center'> A tag H2 tem a mesma utilidade, porém o tamanho do texto é menor, existem ainda o H3, H4, H5,H6 e H7. </H2>
<hr color="white">
<br/>
<center>
<img src="http://paperlesswasp.com/resume/images/html_logo.gif"/>
<br/>
<font> Este é um tutorial básico sobre html. E este texto foi escrito com a tag font </font>
</center>
</body><!--fecha as configurações do corpo do site-->
</html> <!--termina o HTML-->
Então, é isso.
Confira os próximos tutoriais para desenvolver sites mais complexos.
Até a próxima.
Beeijos.
0 comentários:
Postar um comentário
Olá! Aqui você pode postar dúvidas, críticas e tudo o que quiser. Mas lembre-se: bom senso e respeito fazem parte!