Ejercicios de HTML Estático

Realice los ejercicios que se describen a continuación usando el editor de HTML indicado
por los profesores de la asignatura y el servidor web estudiado en las prácticas previas.

Escuela Técnica Superior

de Ingeniería Informática
Departamento de Lenguajes
Marcos, enlaces y etiquetas básicas
y Sistemas Informáticos Grupo de Ingeniería del Software, 2005

Enunciado

1. HTML básico
Cree con el editor de HTML una página web básica con las etiquetas imprescindibles y algo de texto y
visualícela. Elimine alguna de las etiquetas obligatorias y observe el resultado. Compare el resultado en varios
navegadores si le es posible. Introduzca deliberadamente errores y observe los resultados.

2. Marcos
Cree 4 documentos HTML denominados titulo.html, menu.html, pie.html y contenido.html que al visualizarse
muestren únicamente un texto con el nombre de cada documento. Usando esos documentos, cree las
estructuras de marcos que se muestran a continuación:

3. Cabeceras, párrafos y líneas horizontales

Cree dos documentos HTML que contengan cada uno el titular y el texto de dos noticias de la edición del día en
que esté realizando la práctica de dos periódicos digitales (www.elpais.es, www.elmundo.es, www.abc.es, etc.).
Cree un encabezado para cada titular de cada noticia y organice el texto en párrafos. Separe ambas noticias
por una línea horizontal. Nombre los documentos creados con el nombre de cada periódico (elpais.html,
elmundo.html, abc.html, etc.).

4. Listas de enlaces
Modifique el documento menu.html para que contenga una lista con 4 hiperenlaces, dos para los documentos
que ha creado en el apartado anterior y otros dos para acceder a la web de los periódicos digitales que utilizó
para copiar las noticias. Los enlaces a los documentos creados deben visualizarse en el marco en el que se
visualizó el documento contenido.html. Los enlaces a las webs de los periódicos deben abrirse en una ventana
aparte que debe reutilizarse si ya está abierta (no debe haber a la vez más de una ventana mostrando la web
de uno de los periódicos).

5. Imágenes
Copie en el directorio en el que esté trabajando las imágenes correspondientes a los logotipos de la Universidad
de Sevilla (puede obtenerlo en www.us.es) y de la E.T.S.I. Informática (www.informatica.us.es). Añádalos a los
documentos titulo.html y pie.html junto con el nombre de cada institución, cuya línea de texto no deberá
partirse aunque sea más ancha que el marco en el que se visualiza.

6. Texto preformateado
Cree un documento llamado codigo.html en el que muestre el código HTML de alguna de las páginas de marcos
que creó en el apartado 2. Añada un nuevo enlace a la lista de enlaces del documento menu.html y compruebe
que se visualiza correctamente. Resalte las etiquetas de HTML con énfasis fuerte.