Ejercicios prácticos de XHTML

XHTML

Utilizando XHTML Strict 1.0 crea los documentos que se detallan a continuación, cada uno en un fichero diferente. No olvides validar dichos documentos para corregir los errores de sintaxis que puedan existir. Céntrate en el contenido y olvídate del diseño (colores, márgenes, tamaños, bordes, etc.).

1.- Currículum Vitae

Información a incluir:

  • Cabecera: Imagen que contenga el texto "Currículum Vitae" (puedes buscarla en Google Images).
  • Datos personales (nombre, apellidos, dirección, teléfono, correo electrónico): Utiliza una lista de definición para mostrar los datos. Incluye una fotografía personal de tipo carnet.
  • Formación académica (estudios y cursos realizados): Utiliza una lista no ordenada para mostrar los datos.
  • Experiencia laboral (de cada trabajo incluir el período en el que se ha estado, el nombre de la empresa y las funciones realizadas): Utiliza una lista ordenada para mostrar los datos desde el más actual al más antiguo.
  • Otros datos de interés (disponibilidad de incorporación, vehículo propio, enlace a su blog personal, etc.): Utiliza párrafos para mostrar los datos.

Además, debe cumplir los siguientes requisitos:

  • Según el programa que utilices, establece charset a ISO-8859-1 o a UTF-8.
  • Los títulos de cada apartado de datos deben mostrarse con la etiqueta de cabecera 2 (h2) e incluir un ancla.
  • Debajo de la Cabecera incluir un índice que mediante enlaces nos lleve directamente a cada apartado. 
  • Al final de cada apartado incluir un enlace con el texto Ir a inicio que nos lleve a la Cabecera de nuevo.

 

2.- Horario instalaciones deportivas

Crea la siguiente tabla de actividades con las siguientes características:

  • Muestra el borde de las celdas pero no las colorees.
  • Incluye también las celdas vacías aunque en la imagen no aparezcan.
  • Para la primera fila utiliza la etiqueta th en las celdas.
  • Incluye el título "Horario de actividades" a la tabla utilizando la etiqueta caption.
  • El símbolo que aparece junto a los minutos no hay que incluirlo.

Horario

 

3.- Formulario de inscripción

Crea el contenido del siguiente formulario de alta en un servicio web:

Formulario web

 

Archivos adjuntos: 
AdjuntoTamaño
Image icon horario-gimnasio.jpg104.74 KB

Licencia Creative Commons

Este artículo publicado en TicArte pertenece a Rafa Morales y está protegido bajo una Licencia Creative Commons.

Tags: 
Ir arriba