2.1.1. Estructura

Icono IDevice Actividad
Los documentos html siguen una estructura en cascada compuesta por cuatro etiquetas básicas. Cada etiqueta está delimitada por los signos < > y puede escribirse en mayúsculas o en minúsculas. Cada bloque está delimitado por dos etiquetas la inicial y la final (señalada con una barra /) dentro de las que se pueden incluir atributos. También hay etiquetas que no necesitan final.

 

<ETIQUETA atributos>Contenido</ETIQUETA>


<HTML> , </HTML>
  • Indica que el documento es una página web html. En esta etiqueta se puede utilizar el atributo lang="es" para indicar el idioma de la página.
<HEAD> , </HEAD>
  • Cabecera.- Es el encabezamiento de la página. Siempre incluye la etiqueta título. Suele incluir etiquetas meta para indicar el contenido del documento, el autor, el conjunto de caracteres utilizado.
<TITLE> , </TITLE>
  • Título.- En esta etiqueta se especifica el título de la página que van a mostrar los navegadores, los marcadores en favoritos, los buscadores. Por ello es importante que defina correctamente el contenido de la página.
<BODY> ,</BODY>
  • Cuerpo.- En esta etiqueta se incluye el contenido de la página.
 

 

Para incluir comentarios útiles para el diseñador, pero no visibles en el navegador se usa la etiqueta <!--COMENTARIO-->.

Icono de iDevice AV - Actividad de Espacios en Blanco

Observa el siguiente código HTML y completa las etiquetas o elementos de éstas que faltan.

 

html-blancos

1.-

2.-

3.-

4.-

5.-

6.-

7.-

8.-

 

¿Te has fijado en las nuevas etiquetas que aparecen en el código HTML? ¿Sabrías deducir que función tienen?

Observa que no todas necesitan la etiqueta final.

 

  

Icono IDevice Curiosidad

Para validar tus páginas html, existen en la web diferentes servicios basados en estándares para evaluar, en los que incluyendo la url de la web o el propio archivo te permiten validar e incluso reparar automáticamente HTML, XHTML y XML.

Algunas páginas de validación:


Icono de iDevice AV - Reflexión

Ahora vas a crear tu primera página web:

1.- Teclea el código en el Bloc de Notas.

2.- Guarda el archivo seleccionando la opción tipo "todos los archivos" con el nombre web1.html.

3.- Visualiza la página en el navegador de tu ordenador haciendo doble clic sobre ella. Comprueba que el título de la página que aparece en la pestaña del navegador corresponde con el que has escrito.

 

¿Has deducido ya que función tienen las nuevas etiquetas?

« Anterior | Siguiente »