---
title: HTML гарчигууд
description: "> HTML headings are titles or subtitles that you want to display on a webpage.HTML heading нь вэб хуудсан дээрээ гаргахыг хүсч буй гарчиг юм. # Heading 1 ## Heading 2 ### Heading 3 #### Heading 4 ##### Heading 5…"
url: "https://apprentice.mn/docs/html-headings/"
updated: "2021-07-06"
category: HTML
---

# HTML гарчигууд

> HTML headings are titles or subtitles that you want to display on a webpage.HTML heading нь вэб хуудсан дээрээ гаргахыг хүсч буй гарчиг юм.

# Heading 1

## Heading 2

### Heading 3

#### Heading 4

##### Heading 5

###### Heading 6

## HTML Headings

HTML гарчигууд(heading) нь `<h1>` ээс `<h6>`хүртэлх тэмдэглэгээгээр тодорхойлогдоно.

`<h1>` бол хамгийн чухал гарчиг. `<h6>` хамгийн чухал биш гарчиг.

     `<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) нь чухал байдаг

Хайлтын системүүд гарчгийг вэбсайтын бүтэц, агуулгыг индексжүүлэхэд ашигладаг.

Хэрэглэгчид ихэвчлэн хуудсыг гарчгаар нь дүгнэдэг. Баримтын бүтцийг харуулахын тулд гарчгийг ашиглах нь чухал юм.

`<h1>` гарчиг нь(heading) нь үндсэн гарчиглалтанд ашиглагддаг,тэгээд `<h2>` гарчигууд, үүний дараа тйим ч чухал биш гарчигууд орно `<h3>`

 **Санамж: **Гарчигуудыг(headings) зөвхөн гарчиг өгөх зориулалтаар ашиглах хэрэгтэй. Текстийг **ТОМ** болгох эсвэл **bold** болгоход битгий ашиглаарай

## Том гарчигууд

 HTML -ийн гарчиг болгон өөрийн гэсэн хэмжээтэй байдаг. Гэсэн хэдий ч  `style` шинж чанар (attribute) болон CSS  `font-size` ашиглан хэмжээг ихэсгэж багасгаж болно.

     `<h1 style="font-size:60px;">Heading 1</h1>`

## HTML тэмдэглэгээний тайлбар

| Тэмдэглэгээ | Тайлбар |
| --- | --- |
| <html> | html-ийн үндсэн бичиг баримтыг(document) тодорхойлно |
| <body> | Бичиг баримтын(document) утгыг агуулдаг хэсэг |
| <h1> ээс <h2> | HTML-ийн гарчиг |

        [https://www.addtoany.com/add_to/facebook?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fhtml-headings%2F&linkname=HTML%20%D0%B3%D0%B0%D1%80%D1%87%D0%B8%D0%B3%D1%83%D1%83%D0%B4](https://www.addtoany.com/add_to/facebook?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fhtml-headings%2F&linkname=HTML%20%D0%B3%D0%B0%D1%80%D1%87%D0%B8%D0%B3%D1%83%D1%83%D0%B4)[https://www.addtoany.com/add_to/mastodon?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fhtml-headings%2F&linkname=HTML%20%D0%B3%D0%B0%D1%80%D1%87%D0%B8%D0%B3%D1%83%D1%83%D0%B4](https://www.addtoany.com/add_to/mastodon?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fhtml-headings%2F&linkname=HTML%20%D0%B3%D0%B0%D1%80%D1%87%D0%B8%D0%B3%D1%83%D1%83%D0%B4)[https://www.addtoany.com/add_to/email?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fhtml-headings%2F&linkname=HTML%20%D0%B3%D0%B0%D1%80%D1%87%D0%B8%D0%B3%D1%83%D1%83%D0%B4](https://www.addtoany.com/add_to/email?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fhtml-headings%2F&linkname=HTML%20%D0%B3%D0%B0%D1%80%D1%87%D0%B8%D0%B3%D1%83%D1%83%D0%B4)[https://www.addtoany.com/share](https://www.addtoany.com/share)