Učení HTML část 12: Použití prvků Kbd, Samp, Code a Var v HTML
V této diskusi bude materiálDiskutováno je o formátování kódu (psaní technických materiálů) v HTML, které specificky diskutuje psaní příkazů zadaných z klávesnice se značkou <kbd>, psaní vzorového kódu programu se značkou <samp>, psaní kódu do HTML se značkou <code> a psaní textu který obsahuje programové nebo matematické proměnné se značkou <var>.
Všechny tyto značky fungují lépeStruktura HTML ve srovnání s displejem. Tyto značky se obvykle používají při psaní programového kódu, který se nachází na webovém obsahu. Abyste lépe porozuměli použití těchto značek, zvažte následující vysvětlení:
A. Použití prvku <kbd>
Element kbd je zkratka pro klávesnici. Tam, kde se značka <kbd> používá k reprezentaci vstupu od uživatele (ve formě znaků z klávesnice nebo z jiných zařízení, jako jsou hlasové příkazy).
Text nebo obsah obsažený ve značce <kbd> se zobrazí s písmem monospace. Zde je příklad kódu pro použití značky <kbd> v HTML:
<!DOCTYPE html>
<html>
<head>
<title>Penggunaan Elemen kbd di HTML</title>
</head>
<body>
<p>Untuk mematikan proses, tekan <kbd>CTRL+ALT+Delete</kbd></p>
</body>
</html>
Po spuštění výše uvedeného kódu ve webovém prohlížeči se zobrazí následující obrázek:
B. Použití prvku <samp>
Prvek samp je zkratkou pro ukázkový programkterý zahrnuje typ vložených prvků a sleduje existující tok textu. Tato značka se používá k zápisu vzorového výstupu z počítačového programu. Text ve značce <samp> se zobrazí ve webových prohlížečích s monospace fonty odstraněním více než jednoho prostoru a podobného tagu <code>.
Zde je příklad kódu pro použití značky <samp> v HTML:
<!DOCTYPE html>
<html>
<head>
<title>Penggunaan Elemen samp di HTML</title>
</head>
<body>
<p>Mengkonversi nilai ASCII ke dalam karakter dengan menggunakan metode <samp>string.fromCharCode()</samp>
</body>
</html>
Po spuštění výše uvedeného kódu ve webovém prohlížeči se zobrazí následující obrázek:
C. Použití prvku <code>
Značka <code> se používá k zápisu části kódupočítač do HTML. Pokud počítačový kód obsahuje název prvku XML, počítačový program, název souboru nebo jiné kódy rozpoznané počítačem.
Zobrazí se text ve značce <samp>webovými prohlížeči s monospace fonty odstraněním více než jednoho prostoru. Tato značka je také zahrnuta do typu vloženého prvku a sleduje existující tok textu. Ve značce <samp> je atribut třídy, který se doporučuje použít k označení jazyka psaného kódu počítače. Například byste napsali kód CSS, takže do atributů třídy napište „language-css“ <code class = "language-css"> ... </code>.
Zde je příklad kódu pro použití značky <code> v HTML:
<!DOCTYPE html>
<html>
<head>
<title>Penggunaan Elemen Code di HTML</title>
</head>
<body>
<p>CSS Default Setting : <code class="language-css">code{ font-family: monospace; }</code></p>
</body>
</html>
Po spuštění výše uvedeného kódu ve webovém prohlížeči se zobrazí následující obrázek:
D. Použití elementu <var>
Prvek var znamená Variable whatslouží k definování a zápisu programové proměnné nebo matematického vzorce. Text obsažený v této značce se zobrazí kurzívou (kurzívou).
Zde je příklad kódu pro použití značky <var> v HTML:
<!DOCTYPE html>
<html>
<head>
<title>Penggunaan Elemen Var di HTML</title>
</head>
<body>
<p>Misalkan laba diinisialisasikan sebagai <var>x</var></p>
</body>
</html>
Po spuštění výše uvedeného kódu ve webovém prohlížeči se zobrazí následující obrázek:
Čtyři výše popsané značky jsou „téměř“má stejnou funkci, ale jejich použití se samozřejmě liší. Další studijní materiál HTML je o tom, jak přidat komentáře v HTML.