sábado, 12 de fevereiro de 2011

"Ola Mundo" em HTML

Na primeira semana de aula fizemos, eu e meu colega Luiz Feranando, uma dinâmica muito interessante para ampliar o conhecimento dos alunos do primeiro ano da faculdade. Jogamos vários códigos nas mãos dos alunos e pedimos para que eles fizessem diversas observações: qual a mais "fácil", qual a mais "dificil", qual a mais próxima do ser humano, qual a mais próxima da máquina entre outras.

Uma pergunta muito interessante feita por um dos alunos foi: Qual eu posso testar em casa?
Entre as diversas apresentadas, havia um código escrito em HTML. Vou explicar como testa-lo.

O código é o seguinte:
<html>

<!-- Comentário :: Este trecho não aparecerá quando executado -->

<!-- Esta sessão trata o cabeçalho da página para Internet -->

<head>

<title>Aqui vái o título que aparecerá na "barra de título"</title>

</head>

<!-- Esta sessão trata o corpo da página -->

<body>

<h1>Texto em evidencia</h1>

<p>Parágrafo com texto, texto, texto, texto, texto, texto, texto, texto....</p>

</body>

</html>


Você irá digitar este código no bloco de notas. DIGITE, não copie e cole. Logo após save como "exemplo.html". Este momento é muito importante, pois se a extensão do nome for diferente de ".html" o browser (Internet Explorer, Firefox, Chrome...) não irá interpretá-lo corretamente.

Tendo o arquivo salvo corretamente, "2 cliques" nele e pronto.

Sugestões de estudo. Tente trocar a cor do texto. Procure na internet algo relacionado a "CSS".

Boa sorte a todos.

Nenhum comentário:

Postar um comentário