Pon a prueba tus habilidades: texto HTML avanzado

El objetivo de esta prueba de habilidad es evaluar si ha entendido nuestras formato de texto avanzado articulo.

Nota: Puede probar soluciones en los editores interactivos a continuación; sin embargo, puede resultar útil descargar el código y utilizar una herramienta en línea como CodePen, jsFiddle, o Glitch trabajar en las tareas.

Si tiene problemas, pídeanos ayuda; consulte la sección Evaluación o ayuda adicional en la parte inferior de esta página.

Texto HTML avanzado 1

En esta tarea, queremos que convierta los animales proporcionados y sus definiciones en una lista de descripción.

Intente actualizar el código en vivo a continuación para recrear el ejemplo terminado:

Nota: Descarga el punto de partida para esta tarea para trabajar en su propio editor o en un editor en línea.

Texto HTML avanzado 2

En esta tarea, queremos que agregue algo de semántica al HTML proporcionado de la siguiente manera:

  • Convierta el segundo párrafo en una cita a nivel de bloque e indique semánticamente que la cita se toma de Accesibilidad.
  • Marque semánticamente "HTML" y "CSS" como acrónimos, proporcionando expansiones como información sobre herramientas.
  • Asocia semánticamente fechas legibles por máquina con las fechas en el texto.
  • Utilice subíndice y superíndice para proporcionar la semántica correcta para las fórmulas químicas y fechas, y hacer que se muestren correctamente.

Intente actualizar el código en vivo a continuación para recrear el ejemplo terminado:

Nota: Descarga el punto de partida para esta tarea para trabajar en su propio editor o en un editor en línea.

Evaluación o ayuda adicional

Puede practicar estos ejemplos en los editores interactivos anteriores.

Si desea que se evalúe su trabajo, o está atascado y desea pedir ayuda:

  1. Pon tu trabajo en un editor que se pueda compartir en línea, como CodePen, jsFiddle, o Glitch. Puede escribir el código usted mismo o utilizar los archivos de punto de inicio vinculados en las secciones anteriores.
  2. Escriba una publicación solicitando evaluación y / o ayuda en el MDN Discourse forum Categoría de aprendizaje. Tu publicación debe incluir:
    • Un título descriptivo como "Se busca evaluación para la prueba de habilidad de texto avanzado HTML 1".
    • Detalles de lo que ya ha probado y lo que le gustaría que hiciéramos, p. Ej. si está atascado y necesita ayuda, o quiere una evaluación.
    • Un enlace al ejemplo que desea evaluar o con el que necesita ayuda, en un editor que se puede compartir en línea (como se mencionó en el paso 1 anterior). Esta es una buena práctica para entrar: es muy difícil ayudar a alguien con un problema de codificación si no puede ver su código.
    • Un enlace a la página de la tarea o evaluación real, para que podamos encontrar la pregunta con la que desea ayuda.