El código fuente de cualquier página web se puede subdividir en cuatro grandes partes:
1. DOCTYPE al principio de todo, en la primera fila.
2. El elemento maestro html, que contiene head y body,
3. El encabezado liead con el título (tifie) de la página web y elementos como meta.
4. body con el contenido que se muestra en la ventana del navegador. Juntos, estos elementos básicos forman el armazón HTML que confiere una estructura invisible y mantiene unida una página web, como si de
un esqueleto se tratase. Crear una estructura básica para la página Antes de crear una nueva página con una estructura básica, permíteme un consejo:
1. DOCTYPE al principio de todo, en la primera fila.
2. El elemento maestro html, que contiene head y body,
3. El encabezado liead con el título (tifie) de la página web y elementos como meta.
4. body con el contenido que se muestra en la ventana del navegador. Juntos, estos elementos básicos forman el armazón HTML que confiere una estructura invisible y mantiene unida una página web, como si de
un esqueleto se tratase. Crear una estructura básica para la página Antes de crear una nueva página con una estructura básica, permíteme un consejo:
DOCTYPE tiene una sintaxis extremadamente compleja y si el editor no ha escrito la línea por ti, es mejor que la copies en el código fuente para evitar errores de tecleo. Puedes encontrar muestras para copiar, por ejemplo, en SelfHTML:
Tarea: crear una estructura HTML (con título)
1. Crea una nueva carpeta a la que llamarás p. ej. littleboxes.
2. Inicia tu editor preferido y crea un archivo vacío.
3. Guarda el archivo vacío como index.html.
2. Inicia tu editor preferido y crea un archivo vacío.
3. Guarda el archivo vacío como index.html.
4. Crea la estructura básica HTML. Si el editor ya ha escrito una en el archivo, compárala
con la del siguiente ejemplo.
con la del siguiente ejemplo.
<!DOCTYPE html PUBLIC "-//W3C//DTD <P
XHTML 1.0 Transitional//EN" <P
"http://www-w3.org/TR/xhtmll/DTD/#xhtmll-transitional.dtd">
<html xmlns="http://www.w3. org/1999/í? xhtml" lang="es" xml:lang="es">
<head>
<meta http-equiv="Content-Type" <P
content="text/html; charset=iso-8859'l" />
< t í t l e > L i t t l e Boxea - I n i c i c x / t i t l e?
</head>
<body>
<!-- Parte v i s i b l e de la página -->
</body>
</html>
5. Vuelve a guardar el archivo y ábrelo en un
navegador.
Como puedes ver, en el navegador no se ve (casi) nada, solamente en la barra de título se muestra el título que le hemos asignado. A continuación detallaremos una a una las líneas de esta estructura básica.
1. La definición del tipo de documento: <!D0CTYPE html PUBLIC ...>
La definición del tipo de documento, que en este ejemplo he dividido en dos líneas para facilitar la lectura, debe aparecer siempre en la primera línea del código fuente. Le indica tres cosas al navegador:
• Cómo se llama el elemento raíz del documento (html)
• Qué versión de HTML se utiliza (XHTML VI.OTrafisit tonal)
• Dónde se puede encontrar el libro gramatical correspondiente (la URL) Si no se indica ningún DOCTYPE o falta la URL que hace referencia a la gramática, algunos navegadores entran en el llamado modo quirk ("Modo chapuza"), lo que en determinadas circunstancias puede tener consecuencias drásticas para el aspecto de la página.
• Qué versión de HTML se utiliza (XHTML VI.OTrafisit tonal)
• Dónde se puede encontrar el libro gramatical correspondiente (la URL) Si no se indica ningún DOCTYPE o falta la URL que hace referencia a la gramática, algunos navegadores entran en el llamado modo quirk ("Modo chapuza"), lo que en determinadas circunstancias puede tener consecuencias drásticas para el aspecto de la página.
No response to “Así funciona HTML; En todas las páginas hay una estructura básica I”
Publicar un comentario