Skip to content

TheBridge-FullStackDeveloper/html-carta

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 

Repository files navigation

logotipo de The Bridge

⚔️ Cartas

Introducción

En este ejercicio, realizaremos el marcado de una carta con las etiquetas de HTML que hemos aprendido.

El resultado sería el siguiente:

Imagen de carta

Iteraciones

  1. Crear un archivo index.html.

  2. Escribir la carta en dicho archivo.

Semánticas de bloque/estructurales:

  • 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 del tag . Cada línea de la dirección debe comenzar en una línea nueva, pero no en un párrafo nuevo.

Semánticas intralínea:

  • 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.

Etiquetas necesarias

html - head - body - title - h1 - h2 - p - address - ul - ol - li - strong - em - abbr - sup - sub - a - q - time - style - dd - dl - dt - br

MDN Marking_up_a_letter

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • HTML 93.0%
  • CSS 7.0%