Tinkinti HTML atributai

Tai yra Markdown pastraipos su priskirtais HTML atributais pavyzdys: class , id ir attribute='value' .

Įdėjimas

Tai Markdown pastraipa su pasirinktiniu class atributu pavadinimu .LongFoo . Jis taip pat turi tinkintą id atributą, pavadintą #next-line , kad galėtumėte tiesiogiai susieti su juo . Šie atributai nurodyti kitoje eilutėje.

Tai Markdown pastraipa su pasirinktiniu class atributu pavadinimu .LongFoo . Jis taip pat turi tinkintą id atributą, pavadintą #same-line , kad galėtumėte tiesiogiai susieti su juo . Šie atributai nurodyti toje pačioje eilutėje.

Šioje žymėjimo pastraipoje nėra priskirtų atributų. Tolesnėje pastraipoje yra nurodyti pasirinktiniai atributai, tačiau jie nebus taikomi šiai pastraipai, nes prieš juos yra tuščia eilutė. Šioje pastraipoje yra class atributas, pavadintas .LongFoo . Jis taip pat turi tinkintą id atributą, pavadintą #blank-line , bet jis nebus tiesiogiai su juo susietas .

Kodas apima

Šis code span turi tinkintą class atributą, pavadintą .CSFoo kuris iš karto eina po baigiamojo žymėjimo be tarpo.

Kodų blokai

Toliau pateikiamas tinkinto id atributo, pavadinto #mysample , pavyzdys kodo bloke, kad galėtumėte tiesiogiai susieti su juo :

print('hello world')

Antraštės

Norėdami pritaikyti pasirinktinį atributą antraštei (arba bet kuriam kitam elementui, išskyrus pastraipą), įdėkite atributą eilutės pabaigoje.

Antraštė su klasės atributu

Ši antraštė turi tinkintą class atributą, pavadintą .customClass , kuris nurodytas toje pačioje eilutėje kaip ir antraštė.

Judėjimas su pavadintu inkaru

Ši antraštė turi tinkintą id atributą pavadinimu #named-heading , kuris taip pat nurodytas toje pačioje eilutėje kaip ir antraštė, kad galėtumėte tiesiogiai susieti su ja .

Tai yra tiesioginės nuorodos su title atributu pavyzdys. Užvedus pelės žymeklį virš nuorodos rodomas patarimas Dabar mane matote .

Tai kitos įtrauktos nuorodos , neturinčios title atributo, pavyzdys. Užvedus pelės žymeklį virš nuorodos, tekstas nerodomas.

Sąrašai

Toliau pateikiamas sąrašo, kuriame naudojami pasirinktiniai atributai, pavyzdys:

  • Šis sąrašo elementas turi tinkintą class atributą pavadinimu .ListFoo ir tinkintą id atributą pavadinimu #first-item .
  • Šis sąrašo elementas turi tinkintą id atributą pavadinimu #second-item .

Kiekvieno sąrašo elemento tinkintas id leidžia tiesiogiai susieti pirmąjį sąrašo elementą ir antrąjį sąrašo elementą .

Lentelės

Šioje lentelėje antraštės eilutės pabaigoje yra priskirtas class atributas, pavadintas .TableFoo .

Antraštė1 2 antraštė
1 langelis 2 langelis

Šioje kelių eilučių lentelėje antraštės eilutės pabaigoje yra priskirtas id atributas, pavadintas #multi-line todėl galite tiesiogiai susieti su lentele .

Header1 tęsėsi antroje eilutėje Antraštė2 tęsėsi antroje eilutėje
Cell1 tęsėsi antroje eilutėje „Cell2“ tęsėsi antroje eilutėje