Aangepaste HTML-kenmerken

Dit is een voorbeeld van een Markdown-paragraaf met aangepaste HTML-kenmerken: class , id en attribute='value' .

Plaatsing

Dit is een Markdown-paragraaf met een aangepast class met de naam .LongFoo . Het heeft ook een aangepast id attribuut met de naam #next-line , zodat u er rechtstreeks naar kunt linken . Deze attributen worden op de volgende regel gespecificeerd.

Dit is een Markdown-paragraaf met een aangepast class met de naam .LongFoo . Het heeft ook een aangepast id attribuut met de naam #same-line , zodat u er rechtstreeks naar kunt linken . Deze attributen worden op dezelfde regel gespecificeerd.

Deze Markdown-paragraaf bevat geen aangepaste kenmerken. Er zijn aangepaste attributen gespecificeerd in de volgende paragraaf, maar deze worden niet op deze paragraaf toegepast omdat ze worden voorafgegaan door een lege regel. De volgende paragraaf heeft een class met de naam .LongFoo . Het heeft ook een aangepast id -attribuut met de naam #blank-line , maar het zal er niet rechtstreeks naar linken .

Codeomvang

Deze code span heeft een aangepast class met de naam .CSFoo dat onmiddellijk volgt op de afsluitende backtick, zonder een spatie ertussen.

Codeblokken

Het volgende is een voorbeeld van een aangepast id -attribuut met de naam #mysample in een codeblok, zodat u er rechtstreeks naar kunt linken :

print('hello world')

Koppen

Om een ​​aangepast attribuut toe te passen op een kop (of een ander element dan een alinea), plaatst u het attribuut aan het einde van de regel.

Kop met klasse-attribuut

Deze kop heeft een aangepast class met de naam .customClass dat op dezelfde regel als de kop is opgegeven.

Koers met genoemd anker

Deze kop heeft een aangepast id attribuut met de naam #named-heading dat ook op dezelfde regel als de kop wordt opgegeven, zodat u er rechtstreeks naar kunt linken .

Koppelingen

Dit is een voorbeeld van een inline link met een title . De tooltip Nu zie je mij verschijnt als je met de muis over de link beweegt.

Dit is een voorbeeld van een andere inlinelink die geen title heeft. Er verschijnt geen tekst als u met de muis over de link beweegt.

Lijsten

Hier volgt een voorbeeld van een lijst waarin aangepaste kenmerken worden gebruikt:

• Dit lijstitem heeft een aangepast class met de naam .ListFoo en een aangepast id kenmerk met de naam #first-item .
• Dit lijstitem heeft een aangepast id kenmerk met de naam #second-item .

Met de aangepaste id voor elk lijstitem kunt u rechtstreeks naar het eerste lijstitem en het tweede lijstitem linken.

Tafels

Deze tabel heeft een aangepast class met de naam .TableFoo aan het einde van de koprij.

Deze tabel met meerdere regels heeft een aangepast id attribuut met de naam #multi-line aan het einde van de koprij, zodat u rechtstreeks naar de tabel kunt linken .