Muokatut HTML-attribuutit

Tämä on esimerkki Markdown-kappaleesta, jossa on mukautettuja HTML-attribuutteja: class , id ja attribute='value' .

Sijoitus

Tämä on Markdown-kappale, jossa on mukautettu class nimeltä .LongFoo . Siinä on myös mukautettu id attribuutti nimeltä #next-line jotta voit linkittää siihen suoraan . Nämä attribuutit määritetään seuraavalla rivillä.

Tämä on Markdown-kappale, jossa on mukautettu class nimeltä .LongFoo . Siinä on myös mukautettu id attribuutti nimeltä #same-line jotta voit linkittää siihen suoraan . Nämä määritteet on määritetty samalla rivillä.

Tämä Markdown-kappale ei sisällä mukautettuja määritteitä. Seuraavassa kappaleessa on määritetty mukautettuja määritteitä, mutta niitä ei käytetä tässä kappaleessa, koska niitä edeltää tyhjä rivi. Seuraavassa kappaleessa on class nimeltä .LongFoo . Siinä on myös mukautettu id attribuutti nimeltä #blank-line , mutta se ei linkitä siihen suoraan .

Koodi kattaa

Tällä code span on mukautettu class nimeltä .CSFoo , joka seuraa välittömästi lopetusmerkkiä ilman välilyöntiä.

Koodilohkot

Seuraavassa on esimerkki mukautetusta id attribuutista, jonka nimi on #mysample koodilohkossa, jotta voit linkittää siihen suoraan :

print('hello world')

Otsikot

Jos haluat käyttää mukautettua attribuuttia otsikkoon (tai mihin tahansa muuhun elementtiin kuin kappaleeseen), aseta attribuutti rivin loppuun.

Otsikko luokkaattribuutilla

Tällä otsikolla on mukautettu class nimeltä .customClass , joka on määritetty samalla rivillä otsikon kanssa.

Suunta nimetyllä ankkurilla

Tällä otsikolla on mukautettu id attribuutti nimeltä #named-heading , joka on myös määritetty samalla rivillä otsikon kanssa, jotta voit linkittää siihen suoraan .

Linkit

Tämä on esimerkki upotetusta linkistä, jossa on title . Työkaluvinkki Nyt näet minut tulee näkyviin, kun viet hiiren linkin päälle.

Tämä on esimerkki toisesta upotetusta linkistä , jolla ei ole title . Tekstiä ei tule näkyviin, kun viet hiiren osoittimen linkin päälle.

Luettelot

Seuraavassa on esimerkki luettelosta, joka käyttää mukautettuja määritteitä:

• Tällä luettelokohdalla on mukautettu class nimeltä .ListFoo ja mukautettu id attribuutti nimeltä #first-item .
• Tällä luettelokohdalla on mukautettu id -attribuutti nimeltä #second-item .

Kunkin luettelokohteen mukautetun id avulla voit linkittää suoraan ensimmäiseen luettelokohteeseen ja toiseen luettelokohteeseen .

Taulukot

Tässä taulukossa on mukautettu class nimeltä .TableFoo otsikkorivin lopussa.

Tässä monirivisessä taulukossa on mukautettu id attribuutti nimeltä #multi-line otsikkorivin lopussa, jotta voit linkittää taulukkoon suoraan .