عنوانات

DevSite صفحہ کی سب سے اوپر والی سرخی <h1> ہونی چاہیے۔ غیر بصری براؤزرز کو الجھانے سے بچنے کے لیے صفحہ کی باڈی میں کوئی اور <h1> شامل نہیں ہونا چاہیے۔ nbgenerate ٹول DevSite HTML اور Markdown مواد اور ٹیمپلیٹس کو Colab کے موافق Jupyter نوٹ بک میں تبدیل کرتا ہے۔

سائز

سرخی 1

سرخی 2

سرخی 3

سرخی 4

سرخی 5
سرخی 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

مندرجات کا جدول

DevSite میں، <h2> اور <h3> خود بخود "اس صفحہ پر" مواد کے جدول (ToC) میں شامل ہو جاتے ہیں۔

ToC سے عنوانات چھپائیں۔

کسی سرخی کو شامل ہونے سے روکنے کے لیے (جیسے اوپر والے حصے میں "ہیڈنگ 2" اور "ہیڈنگ 3"، جو ToC میں ظاہر نہیں ہوتے ہیں)، class="hide-from-toc" کا اطلاق کریں۔

سرخی 2

سرخی 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}

ToC میں سرخی کے متن کو حسب ضرورت بنائیں

اگر آپ چاہتے ہیں کہ ToC میں موجود متن اصل سرخی سے مختلف ہو (جیسے اس سیکشن!)، سرخی پر data-text وصف سیٹ کریں:

سرخی 2

ایچ ٹی ایم ایل

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

مارک ڈاؤن

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

ToC میں ٹیبل کے اندر عنوانات شامل کریں۔

آپ ٹیبل کو زبردستی ToC میں لانے کے لیے ٹیبل ہیڈر ( <th> ) کے اندر <h2> یا <h3> بھی ڈال سکتے ہیں۔ ٹیبل ہیڈر کے اندر، <h2> اور <h3> کو باقاعدہ متن کی طرح اسٹائل کیا جاتا ہے، اس لیے قارئین بتا نہیں سکیں گے۔

دستاویزات کے صفحات پر (زیادہ تر لینڈنگ پیجز کی طرح "مکمل چوڑائی" والے صفحات نہیں)، <h1> کے علاوہ سرخیوں کو بھی لنک کاپی کرنے کے لیے ایک بٹن ملتا ہے، جو صرف اس وقت ظاہر ہوتا ہے جب آپ سرخی پر ہوور کرتے ہیں۔

کسی مخصوص سرخی کے لیے اس بٹن کو غیر فعال کرنے کے لیے، عنوان پر class="no-link" کا اطلاق کریں۔

ایچ ٹی ایم ایل

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

مارک ڈاؤن

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

لنک کے بٹن کو کسی ایسی سرخی پر ظاہر ہونے پر مجبور کرنے کے لیے جو بصورت دیگر یہ نہ ہو (کہیں، <h1> یا کسی مکمل چوڑائی والے صفحہ پر کوئی سرخی)، سرخی میں class="add-link" شامل کریں۔

سرخی 1

ایچ ٹی ایم ایل

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

مارک ڈاؤن

# Heading 1 {:.add-link}

نمبر والی سرخیاں

پیچیدہ مواد کے ساتھ حصوں کو متعین کرنے کے لیے ترتیب وار نمبروں کے ساتھ <h2> سرخیوں کا سابقہ ​​لگانے کے لیے ایک سے زیادہ مراحل کے عمل میں الگ الگ مراحل کے طور پر، ہر سرخی میں ایک نمبر والی کلاس شامل کریں۔

پہلی نمبر والی سرخی

پیراگراف، فہرستیں، میزیں، تصاویر، ویڈیوز، ویجیٹس پر مشتمل پیچیدہ مواد۔

دوسری نمبر والی سرخی

پیراگراف، فہرستیں، میزیں، تصاویر، ویڈیوز، ویجیٹس پر مشتمل پیچیدہ مواد۔

تیسری نمبر والی سرخی

پیراگراف، فہرستیں، میزیں، تصاویر، ویڈیوز، ویجیٹس پر مشتمل پیچیدہ مواد۔

ایچ ٹی ایم ایل

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

نمبر والے ذیلی عنوانات

ترتیب وار نمبروں کے ساتھ <h2> سرخیوں کی پیروی کرنے والی <h3> سرخیوں کا سابقہ ​​لگانے کے لیے، ہر ایک <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.

نمبر والی سرخی

پیراگراف، فہرستیں، میزیں، تصاویر، ویڈیوز، ویجیٹس پر مشتمل پیچیدہ مواد۔

نمبر والی ذیلی سرخی

پیراگراف، فہرستیں، میزیں، تصاویر، ویڈیوز، ویجیٹس پر مشتمل پیچیدہ مواد۔

نمبر والی ذیلی سرخی

پیراگراف، فہرستیں، میزیں، تصاویر، ویڈیوز، ویجیٹس پر مشتمل پیچیدہ مواد۔

نمبر والی ذیلی سرخی

پیراگراف، فہرستیں، میزیں، تصاویر، ویڈیوز، ویجیٹس پر مشتمل پیچیدہ مواد۔