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 y Sistemas Informáticos Marcos, enlaces y etiquetas básicas Grupo de Ingeniería del Software, noviembre 2004 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.