© 2023 AposTube

Learn HTML #39

June 13 • 5:40 pm

Tags:

HTML Computer Code Elements

HTML contains several elements for defining user input and computer code.

Example

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

HTML <kbd> For Keyboard Input

The HTML <kbd> element is used to define keyboard input. The content inside is displayed in the browser’s default monospace font.

Example

Define some text as keyboard input in a document:

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

Result:

Save the document by pressing Ctrl + S

HTML <samp> For Program Output

The HTML <samp> element is used to define sample output from a computer program. The content inside is displayed in the browser’s default monospace font.

Example

Define some text as sample output from a computer program in a document:

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

Result:

Message from my computer:File not found.
Press F1 to continue

HTML <code> For Computer Code

The HTML <code> element  is used to define a piece of computer code. The content inside is displayed in the browser’s default monospace font.

Example

Define some text as computer code in a document:

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

Result:

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

Notice that the <code> element does not preserve extra whitespace and line-breaks.

To fix this, you can put the <code> element inside a <pre> element:

Example

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

Result:

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

HTML <var> For Variables

The HTML <var> element  is used to define a variable in programming or in a mathematical expression. The content inside is typically displayed in italic.

Example

Define some text as variables in a 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>

Result:

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

Chapter Summary

  • The <kbd> element defines keyboard input
  • The <samp> element defines sample output from a computer program
  • The <code> element defines a piece of computer code
  • The <var> element defines a variable in programming or in a mathematical expression
  • The <pre> element defines preformatted text

 

Apostube

See author's posts

Categories

Prev
Next

50 Responses

  38. Hello bro!More info!
    дом престарелых в Ростове-на-Дону
    https://pansionat-rnd.ru/
    Пансионат для пожилых людей – это тип жилья для престарелых, где они могут жить независимо, но получать регулярную медицинскую и социальную помощь. Пансионаты обычно оборудованы спальнями и комнатами для общения, а также обеспечивают питание, гигиену и уборку. В некоторых случаях может быть предоставлена реабилитация и развлекательные мероприятия. Пансионаты могут быть общественными или частными и обычно имеют высокую оплату за жилье и услуги.
    частный пансионат

    http://www.google.com.hk/url?q=https://pansionat-rnd.ru/ https://maps.google.co.kr/url?q=https://pansionat-rnd.ru/ https://www.google.es/url?q=https://pansionat-rnd.ru/ http://www.google.com.gh/url?q=https://pansionat-rnd.ru/ http://maps.google.com.bz/url?q=https://pansionat-rnd.ru/

    Reply

  43. What type of camera was used? That is definitely a decent superior quality.

    https://hankook1.online
    https://michelin1.online
    https://akita-kennel.ru
    https://kupitshin.online
    https://vash1host.ru
    https://bridgestone2.ru
    https://goodyear1.online
    https://prodvizhenie-sait.ru
    https://testcars.ru
    https://o-dom2.ru
    https://toyo1.online
    https://seo-privat.ru
    https://kormoran1.online
    https://tireservice1.online
    https://domodedovo2012.ru
    https://nokian1.online
    https://yokohama1.online
    https://mytop-site.ru
    https://cordiant-1.online
    https://sekup.ru
    https://pirelli1.online
    https://seo-top-site.ru

    Reply

  44. I adore the different shades!
    https://prodvizhenie-sait.ru
    https://domodedovo2012.ru
    https://sekup.ru
    https://o-dom2.ru
    https://vash1host.ru
    https://testcars.ru
    https://cordiant-1.online
    https://mytop-site.ru
    https://goodyear1.online
    https://kupitshin.online
    https://bridgestone2.ru
    https://michelin1.online
    https://toyo1.online
    https://nokian1.online
    https://seo-privat.ru
    https://tireservice1.online
    https://akita-kennel.ru
    https://seo-top-site.ru
    https://hankook1.online
    https://pirelli1.online
    https://yokohama1.online
    https://kormoran1.online

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *

© 2023 AposTube. Built with ❤️ using WordPress and Ketos Theme.