---
title: HTML Текст хэлбэржүүлэх
description: "> HTML нь тусгай утгатай текстийг тодорхойлох хэд хэдэн элементийг агуулдаг. **Энэ текст бол bold** *Энэ текст italic* Энэ текст бол~ мөрний доор харин энэ ^мөрний дээр ## HTML Formatting Elements Formatting elements were designed to display special types of text: -…"
url: "https://apprentice.mn/docs/html-text-formatting/"
updated: "2021-07-06"
category: HTML
---

# HTML Текст хэлбэржүүлэх

> HTML нь тусгай утгатай текстийг тодорхойлох хэд хэдэн элементийг агуулдаг.

**Энэ текст бол bold**

*Энэ текст italic*

Энэ текст бол~ мөрний доор харин энэ ^мөрний дээр

## HTML Formatting Elements

Formatting elements were designed to display special types of text:

- `<b>` -Тод текст(Bold)
- `<strong>` – Чухал текст
- `<i>` – Налуу текст(Italic)
- `<em>` – Тодотгосон текст
- `<mark>` – Тэмдэглэгдсэн текст
- `<small>` – Жижиг текст
- `<del>` – Устгагдсан текст
- `<ins>` – Оруулсан текст(Inserted)
- `<sub>` – Мөрний доогуурх текст(subscript)
- `<sup>` – Мөрний дээгүүрх текст(Superscript)

## HTML-ийн <b> болон <strong> элементүүд

HTML-ийн `<b>` элемент нь текстийг чухалчилахгүйгээр тодруулхад ашиглагдана.

     `<b>Энэ бол тод текст</b>`

HTML-ийн `<strong>` нь текстийг чухал текст гэж хөтөчөд ойлгуулдаг. Ихэвчлэн тод(bold) текстеер бичэгдэнэ.

     `<strong>Энэ текст бол чухал!</strong>`

## HTML-ийн <i> болон<em> элементүүд

HTML-ийн `<i>` элемент нь текстийн хэсгийг ээлжилсэн дуу хоолой эсвэл сэтгэлийн хөдөлгөөнөөр тодорхойлдог. Дотор агуулгыг налуугаар харуулдаг.

     `<i>Энэ текст бол налуу текст</i>`

HTML-ийн `<em>`элемент нь тодотгосон текст юм. Ихэвчлэг налуу текст байдаг.

     `<em>Тодотгосон текст</em>`

## HTML-ийн <small> элемент

HTML-ийн `<small>` элемент нь текстийг жижигрүүлдэг.

     `<small>Энэ бол жижиг текст.</small>`

## HTML -ийн <mark> элемент

HTML-ийн `<mark>` элемент нь текстийг тодруулах(highligh) эсвэл тэмтэглэдэг(mark).

     `<p>Сүү авахаа <mark>битгий</mark> мартаарай.</p>`

## HTML-ийн <del> элемент

The HTML `<del>`элемент нь бичэглэлээс устгагдсаг текстийг тэмдгэлдэг код юм. Текстийн голоор ташуу зураас татна.:

     `<p>Миний дуртай өнгө бол<del>цэнхэр</del> улаан.</p>`

## HTML-ийн <ins> элемент

HTML-ийн `<ins>`элемент нь бичэглэллүү оруулсан текстийг тодорхойлдог. Ихэвчлэг текстийн доогуур зураас татдаг.

     `<p>My favorite color is <del>blue</del> <ins>red</ins>.</p>`

## HTML-ийн <sub> элемент

The HTML `<sub>` элемент нь мөрний доогуурх текстийг хэлнэ яг л H~2O шиг:

     `<p>Энэ бол <sub>мөрний доогуурх </sub> текст.</p>`

## HTML  `<sup>` элемент

The HTML `<sup>` элемент нь энгийн мөрнөөс хагас дээгүүр бичигдэх текстийг хэлнэ яг л **WWW^[1]**шиг харагдана. 

     `<p>This is <sup>superscripted</sup> text.</p>`

## HTML Text Formatting Elements

| Tag | Description |
| --- | --- |
| <b> | Тод текст |
| <em> | Тодотгосон текст |
| <i> | Текстийн нэг хэсэгийг налуу болгоно |
| <small> | Жижиг текст |
| <strong> | Чухал тэкст |
| <sub> | Мөрнөөс доогуурх текст |
| <sup> | Мөрнөөс дээгүүрх текст |
| <ins> | Оруулсан текст |
| <del> | Устгагдсан текст |
| <mark> | Тодотгосон текст |

     ``        [https://www.addtoany.com/add_to/facebook?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fhtml-text-formatting%2F&linkname=HTML%20%D0%A2%D0%B5%D0%BA%D1%81%D1%82%20%D1%85%D1%8D%D0%BB%D0%B1%D1%8D%D1%80%D0%B6%D2%AF%D2%AF%D0%BB%D1%8D%D1%85](https://www.addtoany.com/add_to/facebook?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fhtml-text-formatting%2F&linkname=HTML%20%D0%A2%D0%B5%D0%BA%D1%81%D1%82%20%D1%85%D1%8D%D0%BB%D0%B1%D1%8D%D1%80%D0%B6%D2%AF%D2%AF%D0%BB%D1%8D%D1%85)[https://www.addtoany.com/add_to/mastodon?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fhtml-text-formatting%2F&linkname=HTML%20%D0%A2%D0%B5%D0%BA%D1%81%D1%82%20%D1%85%D1%8D%D0%BB%D0%B1%D1%8D%D1%80%D0%B6%D2%AF%D2%AF%D0%BB%D1%8D%D1%85](https://www.addtoany.com/add_to/mastodon?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fhtml-text-formatting%2F&linkname=HTML%20%D0%A2%D0%B5%D0%BA%D1%81%D1%82%20%D1%85%D1%8D%D0%BB%D0%B1%D1%8D%D1%80%D0%B6%D2%AF%D2%AF%D0%BB%D1%8D%D1%85)[https://www.addtoany.com/add_to/email?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fhtml-text-formatting%2F&linkname=HTML%20%D0%A2%D0%B5%D0%BA%D1%81%D1%82%20%D1%85%D1%8D%D0%BB%D0%B1%D1%8D%D1%80%D0%B6%D2%AF%D2%AF%D0%BB%D1%8D%D1%85](https://www.addtoany.com/add_to/email?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fhtml-text-formatting%2F&linkname=HTML%20%D0%A2%D0%B5%D0%BA%D1%81%D1%82%20%D1%85%D1%8D%D0%BB%D0%B1%D1%8D%D1%80%D0%B6%D2%AF%D2%AF%D0%BB%D1%8D%D1%85)[https://www.addtoany.com/share](https://www.addtoany.com/share)