, , , , and 
. Each element is explained with examples demonstrating their usage in HTML. Additionally, a chapter summary lists the functions of each element for quick reference.">, , , , and 
. Each element is explained with examples demonstrating their usage in HTML. Additionally, a chapter summary lists the functions of each element for quick reference.">

    [go: up one dir, main page]
        
		
           
Scribd
Upload
14 views9 pages
HTML Computer Code Elements
The document provides an overview of various HTML elements used for defining user input and computer code, including <code>, <kbd>, <samp>, <var>, and <pre>. Each element is explained with examples demonstrating their usage in HTML. Additionally, a chapter summary lists the functions of each element for quick reference.
Uploaded by
Asif Ali
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
14 views9 pages
HTML Computer Code Elements
The document provides an overview of various HTML elements used for defining user input and computer code, including <code>, <kbd>, <samp>, <var>, and <pre>. Each element is explained with examples demonstrating their usage in HTML. Additionally, a chapter summary lists the functions of each element for quick reference.
Uploaded by
Asif Ali
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/ 9
          Tutorials    Exercises      Services                             Sign Up     Log in
HTML
          CSS     JAVASCRIPT      SQL      PYTHON    JAVA       PHP   HOW TO   W3.CSS      C      C++
 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
      Tutorials  Exercises 
                                      Ctrl + S
                                      Services                                Sign Up   Log in
HTML
 Try itCSS
         YourselfJAVASCRIPT
                  »             SQL       PYTHON     JAVA        PHP   HOW TO   W3.CSS    C    C++
  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 »
                                             ADVERTISEMENT
  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.
   Tutorials 
Example                 Exercises    Services                             Sign Up    Log in
HTML
        CSS    JAVASCRIPT    SQL     PYTHON    JAVA       PHP   HOW TO      W3.CSS    C     C++
  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 »
   Preserve Line-Breaks
  Notice that the <code> element does NOT preserve extra whitespace and line-breaks.
  To preserve extra whitespace and line-breaks, 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
        Tutorials 
                  »       Exercises      Services                               Sign Up      Log in
HTML
          CSS     JAVASCRIPT       SQL      PYTHON    JAVA       PHP   HOW TO    W3.CSS        C    C++
 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
                                                              ?
                                                Exercise
                          Which one of the following is NOT an HTML element?
                 <code>
            <pre>
         Tutorials    Exercises      Services                                  Sign Up      Log in
HTML
        CSS <kbd>
                JAVASCRIPT       SQL      PYTHON      JAVA        PHP   HOW TO    W3.CSS        C     C++
             <xamp>
                                            Submit Answer »
 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 ❯
                             Track your progress - it's free!                Sign Up   Log in
                                              ADVERTISEMENT
      Tutorials    Exercises      Services                             Sign Up   Log in
HTML
      CSS     JAVASCRIPT      SQL      PYTHON    JAVA       PHP   HOW TO   W3.CSS    C    C++
                                          COLOR PICKER
      Tutorials    Exercises 
                                         
                                     Services                             Sign Up   Log in
HTML
      CSS     JAVASCRIPT      SQL      PYTHON     JAVA
                                           ADVERTISEMENT   PHP    HOW TO   W3.CSS    C    C++
             ADVERTISEMENT                            ADVERTISEMENT
      Tutorials        Exercises         Services                                           Sign Up   Log in
HTML
      CSS     JAVASCRIPT            SQL       PYTHON      JAVA       PHP      HOW TO            W3.CSS    C    C++
                                 PLUS                   SPACES
                                  GET CERTIFIED                   FOR TEACHERS
              FOR BUSINESS                          CONTACT US
                     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                                           Get Certified

                        HTML Examples                                      HTML Certificate
                         CSS Examples                                       CSS Certificate
                     JavaScript Examples                                JavaScript Certificate
                      How To Examples                                   Front End Certificate
                         SQL Examples                                       SQL Certificate
                      Python Examples                                    Python Certificate
                      W3.CSS Examples                                      PHP Certificate
                     Bootstrap Examples                                   jQuery Certificate
                        PHP Examples                                       Java Certificate
                        Java Examples                                       C++ Certificate
                         XML Examples                                        C# Certificate
                       jQuery Examples                                      XML Certificate
       Tutorials      Exercises        Services                                             Sign Up         Log in
HTML
      CSS      JAVASCRIPT          SQL    PYTHON
                                                 JAVA
                                                      PHP                      HOW TO         W3.CSS           C    C++
                                       FORUM       ABOUT       ACADEMY

       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-2025 by Refsnes Data. All Rights Reserved. W3Schools is Powered by W3.CSS.
You might also like