Antes de irmos pro próximo assunto, vamos praticar um pouco o que vimos por aqui.
Primeiro, dê uma incrementada no projeto que você começou lá atrás. Use as tags novas que você aprendeu, retire as tags más. Atualiza o seu servidor e envie o resultado pra meu email.
O segundo exercício é esse:
Exercício
Como você viu no começo desse curso e nesse texto que foi indicado, html é pra conteúdo e CSS é pra apresentação.
No código abaixo temos conteúdo e apresentação misturados no HTML – muito feio. Sua missão é limpar esse código. Substituir tudo que for relativo a apresentação por CSS, acrescentar o que estiver faltando, usar a tag certa pra cada elemento – p para parágrafos, h# para cabeçalhos, etc.
<html>
<head>
<title>Minha Página Misturada</title>
</head>
<body bgcolor="#00FFFF">
<p align="center"><b><font size="6" face="Verdana">Um Cabeçalho</font></b></p>
<p align="center"></p>
<hr>
<p><font face="Verdana" size="2">Esse texto que você está lendo foi retiradao de um <b> curso</b> de html.
Desse mesmo jeito. <b> Só estou mudando os textos</b>, pro autor não ficar com raiva de mim</b>.</font></p>
<p><font face="Verdana" size="2">E eu vou continuar escrevendo <b>qualquer coisa</b>, <b>qualquer coisa mesmo</b>,
<b>sem ter nada pra falar</b>, <b>enrolando</b>, mais um pouco.</font></p>
<p><font face="Verdana" size="2">E não ligue se isso não fizer sentido</font></p>
<p align="center"><font face="Verdana" size="2">
<img border="0" src="imagem.jpg" width="400" height="300"></font></p>
<p><font face="Verdana" size="2"><b>Correio Electrónico:</b><a href="mailto:htmlvelhinho@algumauniversidade.pt">htmlvelhinho@algumauniversidade.pt</a></font></p>
<p> </p><p><a href="um-link.html"><font face="Verdana" size="1">código HTML desta página</font></a></p>
<p><a href="diario.html"><font face="Verdana" size="1">Um texto bem pequeninho.</font></a></p>
</body>
</html>
O que é importante aqui: Compare o tamanho do arquivo antes de depois de ser limpado e você vai perceber que o arquivo limpo é bem menor. Um arquivo menor significa uma página que carrega mais rápido e que ocupa menos espaço.
Quem não quer uma página carregando mais rápido?
Quando estiver pronto, sigara para a próxima parte: CSS Intermediário.
Páginas Relacionadas
- Próxima Página: Tutorial Intermediário de CSS
- Página Anterior: Juntando Tudo
- Tutorial Avançado de HTML
Codando 
[…] Próxima Página: Exercícios […]
[…] Exercícios […]
rapido