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 Компьютер код

Компьютер код

<code>
x = 7;<br>
y = 15;<br>
z = x + y;
</code>
Үр дүнг харах

HTML Keyboard Input

Зарим командыг бид гараас өгдөг. Жишээ нь хадгалах команд ctrl+s гэх мэт. Тэгвэл HTML-н <kbd> элементэд гараас авдаг командын бичиглэлийг бичиж өгдөг байна.

Жишээ нь

<!DOCTYPE html lang="en-US">
<html>
<style>
kbd {
    background-color: #eee;
    border-radius: 3px;
    border: 1px solid #b4b4b4;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .2), 0 2px 0 0 rgba(255, 255, 255, .7) inset;
    color: #333;
    display: inline-block;
    font-size: .85em;
    font-weight: 700;
    line-height: 1;
    padding: 2px 4px;
    white-space: nowrap;
}
</style>
<body>

<h1>kbd элемент</h1>
<p>Файлыг хадгалах бол <kbd>ctrl</kbd> + <kbd>S</kbd> товчийг дарна уу</p> 

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

Program output

Програм эсвэл ямар нэгэн тооцооллын системээс гарсан үр дүнг <samp> элементэд бичиж өгдөг.

Жишээ нь

<!DOCTYPE html lang="en-US">
<html>
<body>

<p>Компьютер асах үед гардаг алдаа бүгд хасан байх</p> 
<p>I was trying to boot my computer, but I got this hilarious message:</p> 

<!-- Алдаанаас болж гарч буй үр дүн -->
<p><samp>Keyboard not found <br />Press F1 to continue</samp></p> 

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

Компьютерын код

HTML-д програмын кодыг <code> элементэд бичиж өгдөг. Гэвч энэ нь кодыг ихэвчлэн нэг мөрөнд харуулдаг.

Жишээ нь

<!DOCTYPE html lang="en-US">
<html>
<body>

<h1>Компьютер код</h1>
<p>Зарим нэг програмын кодоос</p> 

<code>
    x = 7;
    y = 15;
    z = x + y;
</code>

</body>
</html>

Үр дүн:

x = 7; y = 15; z = x + y;

Туршиж үзэх

Компьютерын кодод pre элементийг ашиглах

Жишээ нь

<!DOCTYPE html lang="en-US">
<html>
<body>

<h1>Компьютер код PRE элемент</h1>
<p>Зарим нэг програмын кодоос</p> 

<pre>
<code>
    x = 7;
    y = 15;
    z = x + y;
</code>
</pre>

</body>
</html>


Үр дүн:

x = 7;
y = 15;
z = x + y;

Үр дүнг харах

HTML элемент /Variables/

элементэд хувьсагчийг тодорхойлдог

Математик, Физикийн илэрхийллийн хувьсагч, эсвэл програмын хувьсагч байж болно.

Жишээ нь


<!DOCTYPE html lang="en-US">
<html>
<body>

<h1>var элемент</h1>
<p>Гэрлийн хурдны томъёо: <var>E</var> = <var>mc</var><sup>2</sup></p> 

</body>
</html>


Үр дүн:

Гэрлийн хурдны томъёо: E = mc2

Үр дүнг харах

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

Контентын нэр
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.