Judul paling atas halaman DevSite harus berupa <h1>. Isi halaman tidak boleh berisi <h1> lain untuk menghindari kebingungan browser non-visual. Alat nbgenerate mengonversi konten dan template HTML serta Markdown DevSite menjadi Jupyter notebook yang kompatibel dengan Colab.

Ukuran

Judul 1

Judul 2

Judul 3

Judul 4

Judul 5

Tajuk 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

Daftar isi

Di DevSite, <h2> dan <h3> otomatis ditambahkan ke daftar isi (Daftar Isi) "di halaman ini".

Menyembunyikan judul dari Daftar Isi

Untuk mencegah judul ditambahkan (seperti "Judul 2" dan "Judul 3" di bagian atas, yang tidak muncul di Daftar Isi), terapkan class="hide-from-toc".

Judul 2

Judul 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}

Menyesuaikan teks judul di Daftar Isi

Jika Anda ingin teks dalam Daftar Isi berbeda dengan judul sebenarnya (seperti bagian ini), tetapkan atribut data-text pada judul:

Judul 2

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

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

Menyertakan judul dalam tabel di Daftar Isi

Anda juga dapat menempatkan <h2> atau <h3> di dalam header tabel (<th>) untuk memaksa tabel masuk ke Daftar Isi. Di dalam header tabel, <h2> dan <h3> diberi gaya seperti teks biasa, sehingga pembaca tidak akan dapat mengetahuinya.

Link klik untuk menyalin

Di halaman dokumentasi (bukan halaman "lebar penuh" seperti sebagian besar halaman landing), judul selain <h1> juga mendapatkan tombol untuk menyalin link, yang hanya muncul saat Anda mengarahkan kursor ke judul.

Untuk menonaktifkan tombol ini untuk judul tertentu, terapkan class="no-link" ke judul.

Judul 4

Tajuk 5

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

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

Untuk memaksa tombol link muncul di judul yang tidak akan memilikinya (misalnya, <h1> atau judul apa pun di halaman lebar penuh), tambahkan class="add-link" ke judul.

Judul 1

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

# Heading 1 {:.add-link}

Judul bernomor

Untuk memberi awalan pada judul <h2> dengan nomor berurutan untuk menetapkan bagian dengan konten kompleks sebagai langkah yang berbeda dalam proses beberapa langkah, tambahkan class bernombor ke setiap judul.

Judul bernomor pertama

Konten kompleks yang terdiri dari paragraf, daftar, tabel, gambar, video, widget.

Judul bernomor kedua

Konten kompleks yang terdiri dari paragraf, daftar, tabel, gambar, video, widget.

Judul bernomor ketiga

Konten kompleks yang terdiri dari paragraf, daftar, tabel, gambar, video, widget.

<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.

Subheading yang diberi nomor

Untuk menambahkan awalan judul <h3> yang mengikuti judul <h2> dengan nomor berurutan, tambahkan class bernombor ke setiap judul <h3>.

<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.

Judul bernomor

Konten kompleks yang terdiri dari paragraf, daftar, tabel, gambar, video, widget.

Subjudul yang diberi nomor

Konten kompleks yang terdiri dari paragraf, daftar, tabel, gambar, video, widget.

Subjudul yang diberi nomor

Konten kompleks yang terdiri dari paragraf, daftar, tabel, gambar, video, widget.

Subjudul yang diberi nomor

Konten kompleks yang terdiri dari paragraf, daftar, tabel, gambar, video, widget.