HTML Computercode elementen

computercodering

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

HTML computercodering indeling

Meestal gebruikt HTMLvariabelvan de lettergrootte, evenals variabele letterafstanden.

bij weergavecomputercoderingBij voorbeeld hoeft dit niet het geval te zijn.

<kbd>, <samp>en ook <code> alle elementen ondersteunen een vaste lettergrootte en afstand.

HTML toetsenbord indeling

HTML <kbd> Elementdefinitietoetsbord invoer

Voorbeeld

<p>Om een bestand te openen, selecteer:</p>
<p><kbd>Bestand | Open...</kbd></p>

Probeer het zelf

HTML Voorbeeld opmaak

HTML <samp> ElementdefinitieComputer uitvoer voorbeeld

Voorbeeld

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

Probeer het zelf

HTML Code opmaak

HTML <code> ElementdefinitieProgrammeercode voorbeeld

Voorbeeld

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

Probeer het zelf

<code> elementNiet vasthoudenOverbodigeSpatiesenRegelreep

Voorbeeld

Code voorbeeld:

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

Probeer het zelf

Om dit probleem op te lossen, moet je de code omwonden door het <pre> element:

Voorbeeld

Code voorbeeld:

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

Probeer het zelf

HTML Variabele formattering

HTML <var> ElementdefinitieWiskundige variabele

Voorbeeld

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

Probeer het zelf

HTML Computercode elementen

Tag Beschrijving
<code> Definieer computercodetekst
<kbd> Definieer toetsenbordtekst
<samp> Definieer voorbeeld van computercode
<var> Definieer variabele
<pre> Definieer voorformattede tekst