HTML -zelfstudie

HTML HOME HTML-introductie HTML-editors HTML basis HTML-elementen HTML-kenmerken HTML-koppen HTML-alinea's HTML-stijlen HTML-opmaak HTML-citaten HTML-opmerkingen HTML-kleuren HTML-CSS HTML-links HTML-afbeeldingen HTML-favicon HTML-tabellen HTML-lijsten HTML-blok en inline HTML-klassen HTML-ID HTML-iframes HTML-JavaScript Paden voor HTML-bestanden HTML-kop HTML-indeling HTML-responsief HTML-computercode HTML-semantiek HTML-stijlgids HTML-entiteiten HTML-symbolen HTML-emoji's HTML-tekenset HTML-URL-codering HTML versus XHTML

HTML -formulieren

HTML-formulieren HTML-formulierkenmerken HTML-formulierelementen HTML-invoertypen HTML-invoerkenmerken Kenmerken HTML-invoerformulier

HTML -afbeeldingen

HTML-canvas HTML-SVG

HTML- media

HTML-media HTML-video HTML-audio HTML-plug-ins HTML-YouTube

HTML API's

HTML-geolocatie HTML slepen/neerzetten HTML-webopslag HTML-webwerkers HTML-SSE

HTML- voorbeelden

HTML-voorbeelden HTML-quiz HTML-oefeningen HTML-certificaat HTML-samenvatting HTML-toegankelijkheid

HTML- verwijzingen

HTML-taglijst HTML-kenmerken Algemene HTML-kenmerken Ondersteuning voor HTML-browser HTML-gebeurtenissen HTML-kleuren HTML-canvas HTML-audio/video HTML-documenttypen HTML-tekensets HTML-URL-codering HTML-taalcodes HTTP-berichten HTTP-methoden PX naar EM-omzetter Toetsenbord sneltoetsen

HTML- computercode-elementen


HTML bevat verschillende elementen voor het definiëren van gebruikersinvoer en computercode.


Voorbeeld

<code>
x = 5;
y = 6;
z = x + y;
</code>

HTML <kbd> voor toetsenbordinvoer

Het HTML- <kbd>element wordt gebruikt om toetsenbordinvoer te definiëren. De inhoud binnenin wordt weergegeven in het standaard monospace-lettertype van de browser.

Voorbeeld

Definieer wat tekst als toetsenbordinvoer in een document:

<p>Save the document by pressing <kbd>Ctrl + S</kbd></p>

Resultaat:

Save the document by pressing Ctrl + S

HTML <samp> voor programma-uitvoer

Het HTML <samp>-element wordt gebruikt om voorbeelduitvoer van een computerprogramma te definiëren. De inhoud binnenin wordt weergegeven in het standaard monospace-lettertype van de browser.

Voorbeeld

Definieer wat tekst als voorbeelduitvoer van een computerprogramma in een document:

<p>Message from my computer:</p>
<p><samp>File not found.<br>Press F1 to continue</samp></p>

Resultaat:

Message from my computer:

File not found.
Press F1 to continue



HTML <code> voor computercode

Het HTML <code>-element wordt gebruikt om een ​​stuk computercode te definiëren. De inhoud binnenin wordt weergegeven in het standaard monospace-lettertype van de browser.

Voorbeeld

Definieer wat tekst als computercode in een document:

<code>
x = 5;
y = 6;
z = x + y;
</code>

Resultaat:

x = 5; y = 6; z = x + y;

Merk op dat het <code>element geen extra witruimte en regeleinden behoudt.

Om dit op te lossen, kunt u het <code>element in een <pre>element plaatsen:

Voorbeeld

<pre>
<code>
x = 5;
y = 6;
z = x + y;
</code>
</pre>

Resultaat:

x = 5;
y = 6;
z = x + y;

HTML <var> voor variabelen

Het HTML <var>-element wordt gebruikt om een ​​variabele te definiëren bij het programmeren of in een wiskundige uitdrukking. De inhoud binnenin wordt meestal cursief weergegeven.

Voorbeeld

Definieer wat tekst als variabelen in een document:

<p>The area of a triangle is: 1/2 x <var>b</var> x <var>h</var>, where <var>b</var> is the base, and <var>h</var> is the vertical height.</p>

Resultaat:

The area of a triangle is: 1/2 x b x h, where b is the base, and h is the vertical height.

Hoofdstuk samenvatting

  • Het <kbd>element definieert toetsenbordinvoer
  • Het <samp>element definieert voorbeelduitvoer van een computerprogramma
  • Het <code>element definieert een stuk computercode
  • Het <var>element definieert een variabele in programmering of in een wiskundige uitdrukking
  • Het <pre>element definieert vooraf opgemaakte tekst

HTML-oefeningen

Test jezelf met oefeningen

Oefening:

Definieer de tekst "var person;" als programmeercode.

<p>Codevoorbeeld:was persoon;</p>


HTML-computercode-elementen

Tag Description
<code> Defines programming code
<kbd> Defines keyboard input 
<samp> Defines computer output
<var> Defines a variable
<pre> Defines preformatted text

Bezoek onze HTML Tag Reference voor een volledige lijst van alle beschikbare HTML-tags .