HTML Tietokonekoodin elementit

Tietokonekoodi

var person = {
    firstName:"Bill",
    lastName:"Gates",
    age:50,
    eyeColor:"blue"
}

HTML-tietokonekoodimuoto

Yleensä HTML käyttääMuuttuvakirjasinkokoja sekä muuttuvia väljärajoja.

NäytettäessäTietokonekoodiEsimerkissä ei tarvita tätä.

<kbd>, <samp>ja <code> Kaikki elementit tukevat vakaita kirjasinkokoja ja väljräajoja.

HTML-näppäimistömuoto

HTML <kbd> Elementin määritelmäNäppäimistösyöttö

Esimerkki

<p>Avaa tiedosto valitsemalla:</p>
<p><kbd>Tiedosto | Avaa...</kbd></p>

Kokeile itse

HTML Esimerkki muotoilu

HTML <samp> Elementin määritelmäTietokoneen ulostulo esimerkki

Esimerkki

<samp>
demo.example.com kirjautuminen: Apr 12 09:10:17
Linux 2.6.10-grsec+gg3+e+fhs6b+nfs+gr0501+++p3+c4a+gr2b-reslog-v6.189
</samp>

Kokeile itse

HTML koodin muotoilu

HTML <code> Elementin määritelmäOhjelmointikoodin esimerkki

Esimerkki

<code>
var person = { firstName:"Bill", lastName:"Gates", age:50, eyeColor:"blue" }
</code>

Kokeile itse

<code> elementtiEi säilytetäLiiallinenTyhjätJaRivinvaihto

Esimerkki

Koodiesimerkki:

<code>
var person = {
    firstName:"Bill",
    lastName:"Gates",
    age:50,
    eyeColor:"blue"
}
</code>

Kokeile itse

Jos haluat ratkaista tämän ongelman, sinun täytyy sulkea koodi <pre> elementin ympärille:

Esimerkki

Koodiesimerkki:

<code>
<pre>
var person = {
    firstName:"Bill",
    lastName:"Gates",
    age:50,
    eyeColor:"blue"
}
</pre>
</code>

Kokeile itse

HTML Muuttujien muotoilu

HTML <var> Elementin määritelmäMatemaattinen muuttuja

Esimerkki

<p>Einstein kirjoitti:</p>
<p><var>E = m c<sup>2</sup></var></p>

Kokeile itse

HTML Tietokonekoodin elementit

Tunniste Kuvaus
<code> Määritä tietokonekoodin teksti
<kbd> Määritä näppäimistöteksti
<samp> Määritä tietokonekoodin esimerkki
<var> Määritä muuttuja
<pre> Määritä ennakkoon muotoiltu teksti