cb
ABCD
  • HTML Оршил
  • HTML Editor
  • HTML Үндсэн ойлголт
  • HTML Элемент /Elements/
  • HTML Атрибут /Attributes/
  • HTML Гарчиг /Headings/
  • HTML Догол мөр /Paragraphs/
  • HTML Загвар /Style/
  • HTML текст формат
  • HTML Quotation болон Citation элемент
  • HTML Тайлбар /Comments/
  • HTML Өнгө /Colors/
  • HTML CSS
  • HTML Холбоос /Links/
  • HTML Зураг /Images/
  • HTML Хүснэгт /Tables/
  • HTML Жагсаалт /Lists/
  • HTML Блок /Block/
  • HTML Класс атрибут /Class/
  • HTML id атрибут
  • HTML Iframe
  • HTML JavaScript
  • HTML Файлын байршил /File Paths/
  • HTML Толгой хэсэг /Head/
  • HTML Зохион байгуулалт /Layout/
  • HTML Responsive
  • HTML Компьютер код
  • HTML Симантик элемент /Semantic/
  • HTML Forms
  • HTML form элементүүд
  • HTML Оролтын төрлүүд /Input Type/
  • HTML Оролтын Атрибутууд
тохиргоо
Толгой хэсэг
Хажуугийн самбар
Үндсэн контент
НЭВТРЭХ

HTML Гарчиг /Headings/

HTML нь гарчгийг <h1> ээс <h6> зургаан tag-д тодорохойлдог бөгөөд <h1>-г хамгийн чухал ач холбогдолтой гэж үздэг бөгөөд хамгийн том нь бадаг бол <h6>-г хамгийн бага ач холбогдолтой буюу хамгийн жижиг гарчиг гэж үздэг.

Жишээлбэл:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>

<h1>Энэ бол гарчиг 1 </h1>
<h2>Энэ бол гарчиг 2 </h2>
<h3>Энэ бол гарчиг 3 </h3>
<h4>Энэ бол гарчиг 4 </h4>
<h5>Энэ бол гарчиг 5 </h5>
<h6>Энэ бол гарчиг 6 </h6>

</body>
</html>
Үр дүнг харах

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

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

Анхаар: HTML хуудсанд гарчиг байх газарт л гарчгийг ашиглана уу. Харин ямар нэгэн текстийг тод эсвэл том харуулахын тулд <h1>-ээс <h6> tag-ийг ашиглахгүй байхыг зөвлөж байна.


Илүү том гарчиг

Гарчиг бүр нь өөрийн үндсэн хэмжээтэй байдаг. Гэхдээ санаа зоволтгүй бид style атрибутын font-size шинж чанарыг ашиглан гарчгийг хүссэн хэмжээгээрэй өөрчилж болно.

Жишээлбэл:

<!DOCTYPE html lang="en-US">
<html>
<head>
<meta charset="utf-8">
</head>
<body>

<h1 style="font-size:70px">Энэ бол гарчиг</h1>

</body>
</html>
Үр дүнг харах

HTML Horizontal Rules

<hr> элемент нь HTML хуудасны контентын хувааж бүлэглэн харуулахад ашигладаг.

Жишээлбэл:

<!DOCTYPE html lang="en-US">
<html>
<head>
<meta charset="utf-8">
</head>
<body>

<h1>Энэ бол гарчиг</h1>
<p>Энэ бол догол мөр</p>
<hr>
<h1>Энэ бол гарчиг2</h1>
<p>Энэ бол догол мөр2</p>
<hr>

</body>
</html>

Үр дүнг харах

HTML <head> Элемент

HTML-ийн <head> элемент нь metadata-г агуулдаг. Metadata нь HTML-ийн гарчиг, Тэмдэгтийн багц, Хэв маяг, Скрипт-үүд болон бусад мета мэдээллийг тодорхойлдог. metadata нь дэлгэцэд харагдахгүй.

Жишээлбэл:

<!DOCTYPE html lang="en-US">
<html>
<head>
<!-- HTML кодийн толгой хэсэг --> <title>HTML -хичээл</title> <meta charset="utf-8"> </head> <body> <p>Head элемент нь metadata өгөгдөлийг агуулж байна.</p> </body> </html>
Үр дүнг харах

Сэтгэгдэлүүд

Khorloo

Sain bn u kod surah gsiim. Bagshtai surmaar bn

July 11, 2021, 12:04 a.m.

Хосбаяр

Баярлалаа.

Jan. 9, 2023, 4:36 p.m.
Контентын нэр
HTML Оршил
HTML Editor
HTML Үндсэн ойлголт
HTML Элемент /Elements/
HTML Атрибут /Attributes/
HTML Гарчиг /Headings/
HTML Догол мөр /Paragraphs/
HTML Загвар /Style/
HTML текст формат
HTML Quotation болон Citation элемент
HTML Тайлбар /Comments/
HTML Өнгө /Colors/
HTML CSS
HTML Холбоос /Links/
HTML Зураг /Images/
HTML Хүснэгт /Tables/
HTML Жагсаалт /Lists/
HTML Блок /Block/
HTML Класс атрибут /Class/
HTML id атрибут
HTML Iframe
HTML JavaScript
HTML Файлын байршил /File Paths/
HTML Толгой хэсэг /Head/
HTML Зохион байгуулалт /Layout/
HTML Responsive
HTML Компьютер код
HTML Симантик элемент /Semantic/
HTML Forms
HTML form элементүүд
HTML Оролтын төрлүүд /Input Type/
HTML Оролтын Атрибутууд
ABCD.mn ©

Нөхцөл & Шаардлага

1. General

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ultrices, justo vel imperdiet gravida, urna ligula hendrerit nibh, ac cursus nibh sapien in purus. Mauris tincidunt tincidunt turpis in porta. Integer fermentum tincidunt auctor.

2. Account

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ultrices, justo vel imperdiet gravida, urna ligula hendrerit nibh, ac cursus nibh sapien in purus. Mauris tincidunt tincidunt turpis in porta. Integer fermentum tincidunt auctor.

3. Service

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ultrices, justo vel imperdiet gravida, urna ligula hendrerit nibh, ac cursus nibh sapien in purus. Mauris tincidunt tincidunt turpis in porta. Integer fermentum tincidunt auctor.

4. Payments

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ultrices, justo vel imperdiet gravida, urna ligula hendrerit nibh, ac cursus nibh sapien in purus. Mauris tincidunt tincidunt turpis in porta. Integer fermentum tincidunt auctor.