Hasta ahora, has aprendido a escribir los textos de tu página, a crear enlaces y a agregar imágenes. Ahora lo que debes hacer es completar tu documento, de tal manera que cualquier intérprete lo muestre correctamente.
Un documento web se asemeja a una carta. Necesita tener un encabezado y luego el cuerpo. Este tutor es para ayudarte a escribir una página web en el estándar HXTML 1.0 Strict, así que lo primero que debemos hacer es indicar a la computadora que vamos a utilizar este estándar.
Inclyes las siguientes líneas para hacerlo:
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
Y luego, agrega el marcador "head":
<head>
</head>
Con eso, has indicado a tu computador que vas a usar un documento web escrito en el estándar XHTML 1.0 y la codificación UTF-8, que es la más cómoda para textos en cualquier idioma. Para hacerlo perfecto, incluye la misma indicación de codificación en el encabezado del documento. Hazlo así:
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
Para terminar con el encabezado de tu página web, incluye el título, la descripción y el marcardor keyword. Los motores debúsqueda suelen utilizar esta información para registrar el contenido de tu página web e incluirla en su base de datos de posibles resultados para una búsqueda. Para la fábula de Esopo que usamos, necesitaremos:
<title>El Zorro y el Cuervo, de Esopo</title>
<meta name="description" content="Esta página incluye la fábula El Zorro y el Cuervo, de Esopo." />
<meta name="keywords" content="fabulas esopo zorro cuervo" />
Si deseas, incluye tambien tu nombre, como autor de la página:
<meta name="author" content="Heptagrama.com"/>
Tu encabezado debería verse así, cuando termines:
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>El Zorro y el Cuervo, de Esopo</title>
<meta name="description" content="Esta página incluye la fábula El Zorro y el Cuervo, de Esopo." />
<meta name="keywords" content="fabulas esopo zorro cuervo" />
</head>
Para completar tu página, incluye el resto de tu código dentro de un marcador body, así:
<body>
<h1>Fábulas</h1>
<h2>El Zorro y el Cuervo, de Esopo</h2>
<p>Un Zorro vio una vez a una Cuervo volar con un pedazo de queso en su pico y posarse sobre la rama de un árbol. "Eso es para mí, porque soy un Zorro", dijo el Master Reynard, y caminó hasta el pie del árbol. "Buenos días, Señora Cuervo," gritó. "¡Qué bien se ve usted hoy!: ¡qué brillo tienen sus plumas! ¡qué fulgor sus ojos! Estoy seguro de que su voz debe sobrepasar la de las demás aves, tal como lo hace su figura; permítame oír tan sólo una canción suya y yo la saludaré como a la Reina de las Aves." La Cuervo alzó su cabeza y comenzó a cantar lo mejor que pudo, pero apenas abrió su boca, el pedazo de queso se cayó al suelo, sólo para ser atrapado por el Maestro Zorro.</p>
<p>"Eso me basta," dijo él. "Era todo lo que quería. A cambio de su queso, le daré un consejo para el futuro." No confíe en los aduladores.</p>
</body>
Por último, cierra tu marcador HTML:
</html>
Tu página web está terminada. Graba el archivo o bien con la extensión .htm o con la extensión .html y ábrela con un explorador de Internet para ver el resultado.
Nada mal para tu primer intento, ¿no crees? Obviamente, no se ve muy profesional hasta ahora, pero resolveremos eso rápido, no te preocupes. Mientras tanto, ¿por qué no practicas hacer otras páginas web, antes que olvides cómo hiciste ésta?
Heptagrama.com: la web en síntesis.
Algunos derechos reservados.
Descubre y aprende + Computadoras e Internet
