Prilagođeni HTML atributi

Ovo je primjer odlomka Markdown s prilagođenim HTML atributima: class , id i attribute='value' .

Plasman

Ovo je odlomak Markdown s prilagođenim atributom class pod nazivom .LongFoo . Također ima prilagođeni id atribut pod nazivom #next-line tako da se možete izravno povezati na njega . Ovi atributi navedeni su u sljedećem retku.

Ovo je odlomak Markdown s prilagođenim atributom class pod nazivom .LongFoo . Također ima prilagođeni id atribut pod nazivom #same-line tako da se možete izravno povezati na njega . Ovi atributi navedeni su u istom retku.

Ovaj odlomak Markdown ne sadrži prilagođene atribute. Postoje prilagođeni atributi navedeni u sljedećem odlomku, ali se neće primijeniti na ovaj odlomak jer im prethodi prazan redak. Sljedeći paragraf ima atribut class pod nazivom .LongFoo . Također ima prilagođeni id atribut pod nazivom #blank-line , ali neće izravno povezati s njim .

Rasponi koda

Ovaj code span ima prilagođeni atribut class pod nazivom .CSFoo koji odmah slijedi završnu povratnu kvačicu bez razmaka između.

Blokovi koda

Slijedi primjer prilagođenog id atributa pod nazivom #mysample u bloku koda tako da se možete izravno povezati s njim :

print('hello world')

Naslovi

Da biste primijenili prilagođeni atribut na naslov (ili bilo koji element osim odlomka), postavite atribut na kraj retka.

Naslov s atributom klase

Ovaj naslov ima prilagođeni atribut class pod nazivom .customClass koji je naveden u istom retku kao i naslov.

Naslov s imenovanim sidrom

Ovaj naslov ima prilagođeni id atribut pod nazivom #named-heading koji je također naveden u istom retku kao i naslov tako da se možete izravno povezati s njim .

Ovo je primjer ugrađene veze s atributom title . Opis alata Sad me vidiš pojavljuje se kada zadržite pokazivač iznad veze.

Ovo je primjer još jedne ugrađene veze koja nema atribut title . Tekst se ne pojavljuje kada zadržite pokazivač iznad veze.

Popisi

Slijedi primjer popisa koji koristi prilagođene atribute:

  • Ova stavka popisa ima prilagođeni atribut class pod nazivom .ListFoo i prilagođeni id atribut pod nazivom #first-item .
  • Ova stavka popisa ima prilagođeni id atribut pod nazivom #second-item .

Prilagođeni id za svaku stavku popisa omogućuje vam izravno povezivanje s prvom stavkom popisa i drugom stavkom popisa .

Stolovi

Ova tablica ima prilagođeni atribut class pod nazivom .TableFoo na kraju retka zaglavlja.

Zaglavlje1 Zaglavlje2
Ćelija1 Ćelija2

Ova tablica s više redaka ima prilagođeni id atribut pod nazivom #multi-line na kraju retka zaglavlja tako da se možete izravno povezati s tablicom .

Zaglavlje1 nastavlja se u drugom retku Header2 nastavlja se u drugom retku
Ćelija1 nastavlja se u drugom retku Cell2 je nastavio u drugom retku