En este ejercicio, realizaremos el marcado de una carta con las etiquetas de HTML que hemos aprendido.
El resultado sería el siguiente:
Contarás con la ayuda del texto en el siguiente archivo Texto de carta
-
Crear un archivo
index.html. -
Escribir la carta en dicho archivo.
- Estructura el documento completo incluyendo los elementos
<html>,<head>y<body>. - Incluye los elementos correspondientes de marcado en la carta tales como párrafos y títulos, a excepción de los siguientes. Hay un título principal (la línea que comienza por "Re:") y tres títulos secundarios.
- Las fechas de comienzo de los semestres, las materias y los bailes exóticos deben ser marcados con los correspondientes tipos de lista.
- Colocar las dos direcciones dentro de elementos . Cada línea de la dirección debe comenzar en una línea nueva, pero no en un párrafo nuevo.
- Los nombres de remitente y destinatario (también "Tel" e "Email") deben ser marcado con importancia (strong).
- Deberás usar los elementos apropiados en las cuatro fechas contenidas en el documento.
- La primera dirección y la primera fecha en la carta deben ser asignadas a un atributo de clase llamado "sender-column"; el código CSS lo añadirás posteriormente para que quede bien alineado, como debe ser en un formato de carta clásico.
- Deberás utilizar el elemento apropiado para los cinco acrónimos/abreviaciones contenidos en el texto principal, proporcionándoles las extensiones correspondientes.
- Marca apropiadamente los seis sub/superíndices. Los símbolos de los grados, los mayor que y los símbolos de multiplicar deben ser marcados usando las referencias correctas.
- Marca al menos dos palabras en el texto con fuerte importancia/énfasis.
- Hay dos lugares donde deberíamos añadir hyperlinks; añádelos con títulos. Como sitio donde apuntan simplemente usa: http://example.com.
- Marca con el elemento apropiado el lema de la universidad y la cita del autor.
- El CSS proporcionado deberá estar incluido dentro de la etiqueta adecuada.
html - head - body - title - h1 - h2 - p - address - ul - ol - li - strong - em - abbr - sup - sub - a - q - time - style - dd - dl - dt - br