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