Pon a prueba tus habilidades: texto HTML avanzado

This translation is incomplete. Please help translate this article from English

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 se atasca, pídanos ayuda; consulte la Assessment or further help section at the bottom of this page.

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:

Descarga el puno de partida para esta tarea to work in your own editor or in an online editor.

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:

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 Learning category. 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.