Atribute HTML personalizate

Acesta este un exemplu de paragraf Markdown cu atribute HTML personalizate: class , id și attribute='value' .

Plasarea

Acesta este un paragraf Markdown cu un atribut class personalizat numit .LongFoo . Are, de asemenea, un atribut id personalizat numit #next-line astfel încât să puteți conecta direct la acesta . Aceste atribute sunt specificate pe linia următoare.

Acesta este un paragraf Markdown cu un atribut class personalizat numit .LongFoo . Are, de asemenea, un atribut id personalizat numit #same-line astfel încât să puteți conecta direct la acesta . Aceste atribute sunt specificate pe aceeași linie.

Acest paragraf Markdown nu conține atribute personalizate. Există atribute personalizate specificate în următorul paragraf, dar ele nu vor fi aplicate acestui paragraf deoarece sunt precedate de o linie goală. Următorul paragraf are un atribut class numit .LongFoo . Are, de asemenea, un atribut id personalizat numit #blank-line , dar nu se va conecta direct la acesta .

Codul se întinde

Acest code span are un atribut class personalizat numit .CSFoo care urmează imediat backtick-ul de închidere fără un spațiu între ele.

Blocuri de cod

Următorul este un exemplu de atribut id personalizat numit #mysample într-un bloc de cod, astfel încât să puteți conecta direct la acesta :

print('hello world')

Titluri

Pentru a aplica un atribut personalizat unui titlu (sau oricărui element, altul decât un paragraf), plasați atributul la sfârșitul rândului.

Titlu cu atribut de clasă

Acest titlu are un atribut class personalizat numit .customClass care este specificat pe aceeași linie ca și antetul.

Direcție cu ancoră numită

Acest titlu are un atribut id personalizat numit #named-heading , care este, de asemenea, specificat pe aceeași linie cu titlul, astfel încât să puteți conecta direct la acesta .

Acesta este un exemplu de link inline cu un atribut title . Sfatul instrument Acum mă vedeți apare când treceți cu mouse-ul peste link.

Acesta este un exemplu de alt link inline care nu are un atribut title . Nu apare niciun text când treci cu mouse-ul peste link.

Liste

Următorul este un exemplu de listă care utilizează atribute personalizate:

  • Acest articol din listă are un atribut class personalizat numit .ListFoo și un atribut id personalizat numit #first-item .
  • Acest articol din listă are un atribut id personalizat numit #second-item .

id personalizat pentru fiecare element din listă vă permite să vă conectați direct la primul element din listă și al doilea element din listă .

Mesele

Acest tabel are un atribut class personalizat numit .TableFoo la sfârșitul rândului antet.

Antetul 1 Antetul 2
Celula 1 Celula 2

Acest tabel cu mai multe linii are un atribut id personalizat numit #multi-line la sfârșitul rândului antet, astfel încât să puteți conecta direct la tabel .

Antetul 1 a continuat pe a doua linie Header2 a continuat pe a doua linie
Cell1 a continuat pe o a doua linie Cell2 a continuat pe o a doua linie