Este es un ejemplo de un párrafo de Markdown con atributos HTML personalizados: class, id y attribute='value'.
Posición
Este es un párrafo de Markdown con un atributo class personalizado llamado .LongFoo.
También tiene un atributo id personalizado llamado #next-line para que puedas vincularlo directamente. Estos atributos se especifican en la línea siguiente.
Este es un párrafo de Markdown con un atributo class personalizado llamado .LongFoo.
También tiene un atributo id personalizado llamado #same-line para que puedas vincularlo directamente. Estos atributos se especifican en la misma línea.
Este párrafo de Markdown no contiene atributos personalizados. Se especifican atributos personalizados en el siguiente párrafo, pero no se aplicarán a él porque están precedidos por una línea en blanco. El siguiente párrafo tiene un atributo class llamado .LongFoo. También tiene un atributo id personalizado llamado #blank-line, pero no se vinculará directamente a él.
Intervalos de código
Este code span tiene un atributo class personalizado llamado .CSFoo que sigue inmediatamente al acento grave de cierre sin un espacio en el medio.
Bloques de código
El siguiente es un ejemplo de un atributo id personalizado llamado #mysample en un bloque de código para que puedas vincularlo directamente:
print('hello world')
Encabezados
Para aplicar un atributo personalizado a un encabezado (o a cualquier elemento que no sea un párrafo), coloca el atributo al final de la línea.
Encabezado con atributo de clase
Este encabezado tiene un atributo class personalizado llamado .customClass que se especifica en la misma línea que el encabezado.
Encabezado con ancla con nombre
Este encabezado tiene un atributo id personalizado llamado #named-heading que también se especifica en la misma línea que el encabezado para que puedas vincularlo directamente.
Vínculos
Este es un ejemplo de un vínculo intercalado con un atributo title. La información sobre la herramienta Ahora me ves aparece cuando colocas el cursor sobre el vínculo.
Este es un ejemplo de otro vínculo intercalado que no tiene un atributo title. No aparece texto cuando colocas el cursor sobre el vínculo.
Listas
El siguiente es un ejemplo de una lista que usa atributos personalizados:
- Este elemento de lista tiene un atributo
classpersonalizado llamado.ListFooy un atributo personalizadoidllamado#first-item. - Este elemento de lista tiene un atributo
idpersonalizado llamado#second-item.
El id personalizado para cada elemento de la lista te permite vincular directamente al primer elemento y al segundo.
Tablas
Esta tabla tiene un atributo class personalizado llamado .TableFoo al final de la fila de encabezado.
| Header1 | Header2 |
|---|---|
| Cell1 | Cell2 |
Esta tabla de varias líneas tiene un atributo id personalizado llamado #multi-line al final de la fila del encabezado para que puedas vincularla directamente a la tabla.
| Header1 continúa en una segunda línea | Header2 continúa en una segunda línea |
|---|---|
| La celda1 continuó en la segunda línea | La celda 2 continuó en una segunda línea |