Atribut HTML kustom

Ini adalah contoh paragraf Markdown dengan atribut HTML kustom: class, id, dan attribute='value'.

Penempatan

Ini adalah paragraf Markdown dengan atribut class kustom bernama .LongFoo. Class ini juga memiliki atribut id kustom bernama #next-line sehingga Anda dapat menautkannya langsung. Atribut ini ditentukan pada baris berikutnya.

Ini adalah paragraf Markdown dengan atribut class kustom bernama .LongFoo. Class ini juga memiliki atribut id kustom bernama #same-line sehingga Anda dapat menautkannya langsung. Atribut ini ditentukan pada baris yang sama.

Paragraf Markdown ini tidak berisi atribut khusus. Ada atribut kustom yang ditentukan dalam paragraf berikut, tetapi tidak akan diterapkan ke paragraf ini karena diawali dengan baris kosong. Paragraf berikut memiliki atribut class bernama .LongFoo. Contoh ini juga memiliki atribut id kustom bernama #blank-line, tetapi tidak akan menautkannya secara langsung.

Span kode

code span ini memiliki atribut class kustom bernama .CSFoo yang langsung mengikuti backtick penutup tanpa spasi di antaranya.

Blok kode

Berikut adalah contoh atribut id kustom bernama #mysample dalam blok kode sehingga Anda dapat menautkannya secara langsung:

print('hello world')

Judul

Untuk menerapkan atribut khusus ke judul (atau elemen apa pun selain paragraf), tempatkan atribut di akhir baris.

Judul dengan atribut class

Judul ini memiliki atribut class kustom bernama .customClass yang ditentukan pada baris yang sama dengan judul.

Judul dengan nama anchor

Judul ini memiliki atribut id kustom bernama #named-heading yang juga ditentukan pada baris yang sama dengan judul sehingga Anda dapat menautkannya secara langsung.

Ini adalah contoh link inline dengan atribut title. Tooltip Now you see me muncul saat Anda mengarahkan kursor ke atas link.

Ini adalah contoh link inline lain yang tidak memiliki atribut title. Tidak ada teks yang muncul saat Anda mengarahkan kursor ke link.

Daftar

Berikut adalah contoh daftar yang menggunakan atribut khusus:

  • Item daftar ini memiliki atribut class kustom bernama .ListFoo dan atribut id kustom bernama #first-item.
  • Item daftar ini memiliki atribut id khusus bernama #second-item.

id kustom untuk setiap item daftar memungkinkan Anda menautkan ke item daftar pertama dan item daftar kedua secara langsung.

Tabel

Tabel ini memiliki atribut class kustom bernama .TableFoo pada akhir baris header.

Tajuk1 Tajuk2
Sel1 Sel2

Tabel multi-baris ini memiliki atribut id kustom bernama #multi-line di akhir baris header, sehingga Anda dapat menautkan ke tabel secara langsung.

Header1 bersambung di baris kedua Header2 dilanjutkan pada baris kedua
Sel 1 dilanjutkan di baris kedua Sel 2 dilanjutkan di baris kedua