| ||||
|
|
|
|
|
|
| |||
|
| |||
| ||||
Home- HTML - Estructura - 1 - 2- 3 - 4 - 5
Estructura de un documento web (V)
por Luciano Moreno, del departamento de diseño web de BJS
Software.
Ejemplo.-
Vamos a ver por último un ejemplo de código de una página web sencilla:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0
Transitional//EN">
<html>
<head>
<title>Pagina de Bienvenida</title>
<META NAME="AUTHOR"
CONTENT="Felipe Martos">
<META HTTP-EQUIV="Content-language"
CONTENT="es">
<META NAME="DESCRIPTION" CONTENT="Pagina de
bienvenida a Mundo Aventura, sitio web dedicado a los viajes de
aventura">
<META NAME="KEYWORDS" CONTENT="Mundo Aventura,
excursiones, viajes, riesgo,
acampada">
</head>
<body>
<h2
align="center">Bienvenidos a Mundo Aventura</h2>
<p>El sitio
web de los amantes de la acampada y los viajes de
riesgo</p>
<p>Para recibir nuestro boletin, introduce tu
e-mail:</p>
<form>
<input type="text"
name="email"><br><br>
<input type="submit"
value="enviar">
</form>
</body>
</html>
En el código podemos apreciar los siguientes elementos:
1. Una etiqueta DOCTYPE en la sección de Precabecera, que define el documento como ajustado a las especificaciones del HTML 4.0, variedad Transacional (permite ciertas desviaciones del estándar más formal, el HTML 4.0 Estricto).
2. La etiqueta <html>, que inicia el contenido estándar del documento.
3. La etiqueta <head>, que abre el contenido de la cabecera.
4. El título de la página, con sus correspondientes etiquetas de inicio y cierre.
5. Cuatro etiquetas META, específicamente las correspondientes al autor de la página, al idioma usada en la misma, la descripción del contenido de la página y las palabras clave. Estas dos últimas son fundamentales para que los robots de los buscadores de Internet puedan indexar luego la página en sus bases de datos.
6. La etiqueta </head>, que cierra la cabecera.
7. La etiqueta <body>, que inicia el cuerpo del documento, a la que hemos añadido el atributo bgcolor, para dar un color de fondo a la página. Todo lo que incluyamos a partir de ahora y hasta el correspondiente cierre del body será vsito por el usuario en la ventana del navegador.
8. Un header o cabecero de página, definido por la pareja de etiquetas <h2>...</h2>, conteniendo un texto que da la bienvenida al usuario, dos párrafos, definidos por <p>...</p> y un formulario para introducción del e-mail de nuestro visitante, con una caja de texto para ello y un botón de envío de datos.
9. La etiqueta </body>, de cierre del contenido del cuerpo del documento
10. La etiqueta </html>, que cierra el documento total HTML y finaliza el mismo.
A lo largo de los siguientes capítulos iremos viendo estas etiquetas más a fondo. El resultado de todas ellas podéis apreciarlo en la siguiente ventana.
 |