Naslov na samom vrhu stranice DevSite mora biti <h1> . Tijelo stranice ne smije sadržavati drugi <h1> kako bi se izbjegla zabuna u nevizualnim preglednicima. Alat nbgenerate pretvara sadržaj i predloške DevSite HTML i Markdown u Jupyter bilježnice kompatibilne s Colabom.

Veličine

Naslov 1

Naslov 2

Naslov 3

Naslov 4

Naslov 5

Naslov 6

<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>

# Heading 1
## Heading 2
### Heading 3
#### Heading 4
##### Heading 5
###### Heading 6

Sadržaj

U DevSiteu, <h2> i <h3> automatski se dodaju u sadržaj (ToC) "na ovoj stranici".

Sakrij naslove iz ToC-a

Kako biste spriječili dodavanje naslova (kao što su "Naslov 2" i "Naslov 3" u gornjem odjeljku, koji se ne pojavljuju u ToC-u), primijenite class="hide-from-toc" .

Naslov 2

Naslov 3

<h2 class="hide-from-toc">Heading 2</h2>
<h3 class="hide-from-toc">Heading 3</h3>

## Heading 2 {:.hide-from-toc}
### Heading 3 {:.hide-from-toc}

Prilagodite tekst naslova u ToC-u

Ako želite da se tekst u ToC-u razlikuje od stvarnog naslova (kao ovaj odjeljak!), postavite atribut data-text na naslov:

Naslov 2

<h2 data-text="Custom text for the ToC">Heading 2</h2>

## Heading 2 {: data-text='Custom text for the ToC'}

Uključite naslove unutar tablica u ToC

Također možete staviti <h2> ili <h3> unutar zaglavlja tablice ( <th> ) da prisilite tablicu u ToC. Unutar zaglavlja tablice, <h2> i <h3> stilizirani su kao uobičajeni tekst, tako da čitatelji neće moći znati.

Kliknite za kopiranje poveznica

Na stranicama s dokumentacijom (ne na stranicama "pune širine" kao na većini odredišnih stranica), naslovi osim <h1> također dobivaju gumb za kopiranje veze, koji se pojavljuje samo kada zadržite pokazivač iznad naslova.

Da biste onemogućili ovaj gumb za određeni naslov, primijenite class="no-link" na naslov.

Naslov 4

Naslov 5

<h4 class="no-link">Heading 4</h4>
<h5 class="no-link">Heading 5</h5>

## Heading 4 {:.no-link}
### Heading 5 {:.no-link}

Da biste prisilili da se gumb veze pojavi na naslovu koji ga inače ne bi imao (recimo, <h1> ili bilo koji naslov na stranici pune širine), dodajte class="add-link" naslovu.

Naslov 1

<h1 class="add-link">Heading 1</h1>

# Heading 1 {:.add-link}

Naslovi označeni brojevima

Da biste naslovima <h2> dodali uzastopne brojeve za označavanje odjeljaka sa složenim sadržajem kao zasebnih koraka u procesu od više koraka, dodajte numeriranu klasu svakom naslovu.

Prvi numerirani naslov

Složeni sadržaj sastavljen od odlomaka, popisa, tablica, slika, videa, widgeta.

Drugi numerirani naslov

Složeni sadržaj sastavljen od odlomaka, popisa, tablica, slika, videa, widgeta.

Treći numerirani naslov

Složeni sadržaj sastavljen od odlomaka, popisa, tablica, slika, videa, widgeta.

<h2 class="numbered">First numbered heading</h2>

Complex content composed of paragraphs, lists, tables, images, videos, widgets.

<h2 class="numbered">Second numbered heading</h2>

Complex content composed of paragraphs, lists, tables, images, videos, widgets.

<h2 class="numbered">Third numbered heading</h2>

Complex content composed of paragraphs, lists, tables, images, videos, widgets.

## First numbered heading {:.numbered}

Complex content composed of paragraphs, lists, tables, images, videos, widgets.

## Second numbered heading {:.numbered}

Complex content composed of paragraphs, lists, tables, images, videos, widgets.

## Third numbered heading {:.numbered}

Complex content composed of paragraphs, lists, tables, images, videos, widgets.

Numerirani podnaslovi

Za prefiks <h3> naslova koji slijede <h2> naslova s ​​uzastopnim brojevima, dodajte numeriranu klasu svakom <h3> naslovu.

<h2 class="numbered">Numbered heading</h2>

Complex content composed of paragraphs, lists, tables, images, videos, widgets.

<h3 class="numbered">Numbered subheading</h3>

Complex content composed of paragraphs, lists, tables, images, videos, widgets.

<h3 class="numbered">Numbered subheading</h3>

Complex content composed of paragraphs, lists, tables, images, videos, widgets.

<h3 class="numbered">Numbered subheading</h3>

Complex content composed of paragraphs, lists, tables, images, videos, widgets.

## Numbered heading {:.numbered}

Complex content composed of paragraphs, lists, tables, images, videos, widgets.

### Numbered subheading {:.numbered}

Complex content composed of paragraphs, lists, tables, images, videos, widgets.

### Numbered subheading {:.numbered}

Complex content composed of paragraphs, lists, tables, images, videos, widgets.

### Numbered subheading {:.numbered}

Complex content composed of paragraphs, lists, tables, images, videos, widgets.

Numerirani naslov

Složeni sadržaj sastavljen od odlomaka, popisa, tablica, slika, videa, widgeta.

Numerirani podnaslov

Složeni sadržaj sastavljen od odlomaka, popisa, tablica, slika, videa, widgeta.

Numerirani podnaslov

Složeni sadržaj sastavljen od odlomaka, popisa, tablica, slika, videa, widgeta.

Numerirani podnaslov

Složeni sadržaj sastavljen od odlomaka, popisa, tablica, slika, videa, widgeta.