Bir DevSite sayfasının en üst başlığı <h1> olmalıdır. Görsel olmayan tarayıcıların kafasını karıştırmamak için sayfa gövdesinde başka bir <h1> bulunmamalıdır. nbgenerate aracı, DevSite HTML ve Markdown içeriklerini ve şablonlarını Colab uyumlu Jupyter not defterlerine dönüştürür.

Boyutlar

Başlık 1

Başlık 2

Başlık 3

Başlık 4

Başlık 5

Başlık 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

İçindekiler

DevSite'te <h2> ve <h3>, "bu sayfada" içindekiler bölümüne (İÇ) otomatik olarak eklenir.

İçindekiler tablosundaki başlıkları gizleme

Bir başlığın eklenmesini engellemek için (ör. yukarıdaki bölümde yer alan ve İçindekiler bölümünde görünmeyen "Başlık 2" ve "Başlık 3") class="hide-from-toc" kodunu uygulayın.

Başlık 2

Başlık 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}

İçindekiler bölümündeki başlık metnini özelleştirme

İçindekiler bölümündeki metnin asıl başlıktan farklı olmasını istiyorsanız (bu bölüm gibi) başlıkta bir data-text özelliği ayarlayın:

Başlık 2

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

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

İçindekiler tablosuna tablo başlıkları ekleme

Tabloyu İçindekiler bölümüne zorlamak için tablo başlığının (<th>) içine bir <h2> veya <h3> de yerleştirebilirsiniz. Tablo başlığında <h2> ve <h3> normal metin gibi biçimlendirilir. Bu nedenle okuyucular farkı anlayamaz.

Tıklayarak kopyalanan bağlantılar

Belge sayfalarında (çoğu açılış sayfası gibi "tam genişlikli" sayfalar değil), <h1> dışındaki başlıklar için de bağlantıyı kopyalamak üzere bir düğme bulunur. Bu düğme yalnızca fareyle başlığın üzerine geldiğinizde görünür.

Belirli bir başlık için bu düğmeyi devre dışı bırakmak istiyorsanız başlığa class="no-link" uygulayın.

Başlık 4

Başlık 5

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

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

Bağlantı düğmesinin, aksi takdirde bağlantı düğmesi içermeyecek bir başlıkta (ör. tam genişlikteki bir sayfada <h1> veya herhangi bir başlık) görünmesini sağlamak için başlığa class="add-link" ekleyin.

Başlık 1

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

# Heading 1 {:.add-link}

Numaralı başlıklar

Karmaşık içeriğe sahip bölümleri birden fazla adımdan oluşan bir süreçte farklı adımlar olarak tanımlamak için <h2> başlıklarının önüne sıralı sayılar eklemek istiyorsanız her başlığa numaralandırılmış bir sınıf ekleyin.

İlk numaralandırılmış başlık

Paragraflar, listeler, tablolar, resimler, videolar ve widget'lardan oluşan karmaşık içerikler.

İkinci numaralı başlık

Paragraflar, listeler, tablolar, resimler, videolar ve widget'lardan oluşan karmaşık içerikler.

Üçüncü numaralı başlık

Paragraflar, listeler, tablolar, resimler, videolar ve widget'lardan oluşan karmaşık içerikler.

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

Numaralı alt başlıklar

<h2> başlıklarını izleyen <h3> başlıklarına sıralı sayılar ön ekleyerek her <h3> başlığına numaralı bir sınıf ekleyin.

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

Numaralı başlık

Paragraflar, listeler, tablolar, resimler, videolar ve widget'lardan oluşan karmaşık içerikler.

Numaralı alt başlık

Paragraflar, listeler, tablolar, resimler, videolar ve widget'lardan oluşan karmaşık içerikler.

Numaralı alt başlık

Paragraflar, listeler, tablolar, resimler, videolar ve widget'lardan oluşan karmaşık içerikler.

Numaralı alt başlık

Paragraflar, listeler, tablolar, resimler, videolar ve widget'lardan oluşan karmaşık içerikler.