, , , , and 
. It provides examples and descriptions of each element and how they are used to define code, keyboard input, program output, variables, and preformatted text.">, , , , and 
. It provides examples and descriptions of each element and how they are used to define code, keyboard input, program output, variables, and preformatted text.">

    [go: up one dir, main page]
        
		
           
Scribd
Upload
53 views8 pages
HTML Computer Code Elements
The document discusses various HTML elements used for defining computer code and output, including <code>, <kbd>, <samp>, <var>, and <pre>. It provides examples and descriptions of each element and how they are used to define code, keyboard input, program output, variables, and preformatted text.
Uploaded by
Victor Agu
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
53 views8 pages
HTML Computer Code Elements
The document discusses various HTML elements used for defining computer code and output, including <code>, <kbd>, <samp>, <var>, and <pre>. It provides examples and descriptions of each element and how they are used to define code, keyboard input, program output, variables, and preformatted text.
Uploaded by
Victor Agu
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 8
           Menu                                                           
             HTML      CSS                                                      
HTML Computer Code

Elements
    ❮ Previous                                                             Next ❯
HTML contains several elements for defining user input and computer
code.
Example
    <code>
    x = 5;
    y = 6;
    z = x + y;
    </code>
    Try it Yourself »
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
  Try it Yourself »
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
  Try it Yourself »
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;
  Try it Yourself »
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;
  Try it Yourself »
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.
  Try it Yourself »
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
HTML Exercises
Test Yourself With Exercises
  Exercise:
  Define the text "var person;" as programming code.
    <p>Code example:                        var person;                 </p>
     Submit Answer »
  Start the Exercise
HTML Computer Code Elements

  Tag                  Description
  <code>               Defines programming code
  <kbd>                Defines keyboard input 
  <samp>               Defines computer output
  <var>                Defines a variable
  <pre>                Defines preformatted text
For a complete list of all available HTML tags, visit our HTML Tag Reference.
   ❮ Previous                                                                   Next ❯
                                                    
            NEW
 We just launched
 W3Schools videos
     Explore now
COLOR PICKER



  Get certified
by completing
a course today!
            school
       w3             s
                          2
CE
                      02
  TI                      2
 R
       FI         .
            ED
     Get started
 CODE GAME
  Play Game
  Report Error
      Forum
      About
       Shop
 Top Tutorials
   HTML Tutorial
    CSS Tutorial
 JavaScript Tutorial
  How To Tutorial
   SQL Tutorial
  Python Tutorial
  W3.CSS Tutorial
 Bootstrap Tutorial
   PHP Tutorial
    Java Tutorial
    C++ Tutorial
   jQuery Tutorial
Top References
  HTML Reference
   CSS Reference
JavaScript Reference
  SQL Reference
 Python Reference
 W3.CSS Reference
Bootstrap Reference
  PHP Reference
   HTML Colors
  Java Reference
 Angular Reference
 jQuery Reference
Top Examples
  HTML Examples
   CSS Examples
JavaScript Examples
                                      How To Examples
                                        SQL Examples
                                      Python Examples
                                      W3.CSS Examples
                                     Bootstrap Examples
                                        PHP Examples
                                       Java Examples
                                       XML Examples
                                       jQuery Examples
                                      Web Courses
                                        HTML Course
                                         CSS Course
                                      JavaScript Course
                                      Front End Course
                                         SQL Course
                                        Python Course
                                         PHP Course
                                        jQuery Course
                                         Java Course
                                         C++ Course
                                          C# Course
                                         XML Course
                                        Get Certified »
  W3Schools is optimized for learning and training. Examples might be simplified to improve
  reading and learning.
Tutorials, references, and examples are constantly reviewed to avoid
errors, but we cannot warrant full correctness of all content.
While using W3Schools, you agree
            to have read and accepted our terms of use, cookie and privacy policy.
                 Copyright 1999-2022 by Refsnes Data. All Rights Reserved.
                             W3Schools is Powered by W3.CSS.
You might also like