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