---
title: "HTML-ийн догол мөрүүд(paragraphs)"
description: "> Догол мөр нь үргэлж шинэ мөрөөс эхэлдэг бөгөөд ихэвчлэн текстийн нэг хэсэг байдаг. ## HTML-ийн догол мөрүүд HTML-ийн `` нэгтгэл нь  догол мөрийг тодорхойлно. Догол мөр нь үргэлж шинэ мөрөөс эхэлдэг бөгөөд хөтчүүд догол мөрийн өмнө ба дараа нь…"
url: "https://apprentice.mn/docs/html-paragraphs/"
updated: "2021-07-06"
category: HTML
---

# HTML-ийн догол мөрүүд(paragraphs)

> Догол мөр нь үргэлж шинэ мөрөөс эхэлдэг бөгөөд ихэвчлэн текстийн нэг хэсэг байдаг.

## HTML-ийн догол мөрүүд

HTML-ийн `<p>` нэгтгэл нь  догол мөрийг тодорхойлно.

Догол мөр нь үргэлж шинэ мөрөөс эхэлдэг бөгөөд хөтчүүд догол мөрийн өмнө ба дараа нь автоматаар зарим хоосон зай (margin) нэмдэг.

     `<p>This is a paragraph.</p>
<p>This is another paragraph.</p>`

## HTML-ийн үзүүлэн

HTML хэрхэн харагдахыг баттай  хэлж мэдэхгүй.

Том эсвэл жижиг дэлгэц, бас өөрчлөгдсөн хэмжээтэй цонхнууд өөр үр дүн гарах болно.

HTML-ийн код дээр нэмэлт зай эсвэл нэмэлт мөр нэмж харагдах байдлыг өөрчлөх боломжгүй.

Хөтөч(browser) ямар нэгэн илүү зай эсвэл мөрүүдийг автоматаар устгадаг

     `<p>
Энэ догол мөр     маш их     зайтай
байсан ч
хөтөч тоохгүй автоматаар хасна
</p>`

## HTML хэвтээ дүрмүүд

 `<hr>` тэмдэлгээ нь  сэдэвчилсан завсарлагааг хийдэг. Энэ нь ямар нэгэн бичвэрийн доор хэвтээ шугам татан дараагийн мөрөнд шилжүүлэх үйлдэлтэй.

     `<h1>Энэ бол гарчиг.1</h1>
<p>Энэ бол бичвэр.</p>
<hr>
<h2>Энэ бол өөр гарчиг 2</h2>
<p>Энэ бол  өөр бичвэр.</p>
<hr>`

 `<hr>`тэмдгэлгээд төгсгөлийн тэмдгэлгээ байхгүй.

## HTML Мөр завсарлага

 `<br>` тэмдэглэгээ нв дараагийн мөрөнд оруулдаг.

 `<br>` догол мөр үүсгэхгүйгээр шинэ мөр үүсгэх үед хэрэглэнэ.

     `<p>This is<br>a paragraph<br>with line breaks.</p>`

`<br>` тэмдэглэгээнд төгсгөлийн тэмдэглэгээ байхгүй.

## Асуудал

Доорх байдалаар кодоо бичвэл бүгд нэг мөрөнд гарч ирнэ.

     `<p>
  My Bonnie lies over the ocean.

  My Bonnie lies over the sea.

  My Bonnie lies over the ocean.

  Oh, bring back my Bonnie to me.
</p>`               [https://www.addtoany.com/add_to/facebook?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fhtml-paragraphs%2F&linkname=HTML-%D0%B8%D0%B9%D0%BD%20%D0%B4%D0%BE%D0%B3%D0%BE%D0%BB%20%D0%BC%D3%A9%D1%80%D2%AF%D2%AF%D0%B4%28paragraphs%29](https://www.addtoany.com/add_to/facebook?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fhtml-paragraphs%2F&linkname=HTML-%D0%B8%D0%B9%D0%BD%20%D0%B4%D0%BE%D0%B3%D0%BE%D0%BB%20%D0%BC%D3%A9%D1%80%D2%AF%D2%AF%D0%B4%28paragraphs%29)[https://www.addtoany.com/add_to/mastodon?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fhtml-paragraphs%2F&linkname=HTML-%D0%B8%D0%B9%D0%BD%20%D0%B4%D0%BE%D0%B3%D0%BE%D0%BB%20%D0%BC%D3%A9%D1%80%D2%AF%D2%AF%D0%B4%28paragraphs%29](https://www.addtoany.com/add_to/mastodon?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fhtml-paragraphs%2F&linkname=HTML-%D0%B8%D0%B9%D0%BD%20%D0%B4%D0%BE%D0%B3%D0%BE%D0%BB%20%D0%BC%D3%A9%D1%80%D2%AF%D2%AF%D0%B4%28paragraphs%29)[https://www.addtoany.com/add_to/email?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fhtml-paragraphs%2F&linkname=HTML-%D0%B8%D0%B9%D0%BD%20%D0%B4%D0%BE%D0%B3%D0%BE%D0%BB%20%D0%BC%D3%A9%D1%80%D2%AF%D2%AF%D0%B4%28paragraphs%29](https://www.addtoany.com/add_to/email?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fhtml-paragraphs%2F&linkname=HTML-%D0%B8%D0%B9%D0%BD%20%D0%B4%D0%BE%D0%B3%D0%BE%D0%BB%20%D0%BC%D3%A9%D1%80%D2%AF%D2%AF%D0%B4%28paragraphs%29)[https://www.addtoany.com/share](https://www.addtoany.com/share)