, , , , and 
. Each element is described with examples demonstrating its usage and formatting. It emphasizes that  does not preserve whitespace and line breaks unless used within a 
 element.">, , , , and 
. Each element is described with examples demonstrating its usage and formatting. It emphasizes that  does not preserve whitespace and line breaks unless used within a 
 element.">

    [go: up one dir, main page]
        
		
           
Scribd
Upload
10 views8 pages
HTML Computer Code Elements
The document explains various HTML elements used for defining computer code and user input, including <code>, <kbd>, <samp>, <var>, and <pre>. Each element is described with examples demonstrating its usage and formatting. It emphasizes that <code> does not preserve whitespace and line breaks unless used within a <pre> element.
Uploaded by
dev.edossmjo
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
10 views8 pages
HTML Computer Code Elements
The document explains various HTML elements used for defining computer code and user input, including <code>, <kbd>, <samp>, <var>, and <pre>. Each element is described with examples demonstrating its usage and formatting. It emphasizes that <code> does not preserve whitespace and line breaks unless used within a <pre> element.
Uploaded by
dev.edossmjo
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
5/8/25, 9:57 AM                                                    HTML Computer Code Elements
             Tutorials         Exercises          Services                                  Sign Up     Log in
    HTML
                 CSS       JAVASCRIPT            SQL           PYTHON       JAVA        PHP     HOW TO    W3.CSS         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
https://www.w3schools.com/Html/html_computercode_elements.asp                                                                 1/8
5/8/25, 9:57 AM                                                 HTML Computer Code Elements
       Define some text as keyboard input in a document:

              Tutorials   Exercises  Services                                                Sign Up   Log in
       <p>Save the document by pressing <kbd>Ctrl + S</kbd></p>
    HTML
           CSS    JAVASCRIPT    SQL    PYTHON     JAVA    PHP                                HOW TO    W3.CSS       C
       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

https://www.w3schools.com/Html/html_computercode_elements.asp                                                            2/8
5/8/25, 9:57 AM                                                    HTML Computer Code Elements
       The HTML <code> element is used to define a piece of computer code. The content
               Tutorials    Exercises    Services          
       inside is displayed in the browser's default monospace font.
                                                                           Sign Up   Log in
    HTML
                 CSS       JAVASCRIPT            SQL           PYTHON       JAVA        PHP     HOW TO   W3.CSS   C
       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 »
         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>
https://www.w3schools.com/Html/html_computercode_elements.asp                                                          3/8
5/8/25, 9:57 AM                                                    HTML Computer Code Elements
       Result:
                   Tutorials       Exercises          Services                                  Sign Up   Log in
          x = 5;
    HTML
                  CSS      JAVASCRIPT            SQL           PYTHON       JAVA        PHP     HOW TO    W3.CSS       C
          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
https://www.w3schools.com/Html/html_computercode_elements.asp                                                               4/8
5/8/25, 9:57 AM                                                    HTML Computer Code Elements
                  The <pre> element defines preformatted text

                   Tutorials  Exercises   Services                                              Sign Up   Log in
    HTML
                  CSS      JAVASCRIPT            SQL           PYTHON       JAVA        PHP     HOW TO    W3.CSS       C
                                                                                 ?
                                                            Exercise
                                 Which one of the following is NOT an HTML element?
                     <code>
                     <pre>
                     <kbd>
                     <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.
https://www.w3schools.com/Html/html_computercode_elements.asp                                                               5/8
5/8/25, 9:57 AM                                                    HTML Computer Code Elements
    ❮ Previous
          Tutorials                 Exercises          Services                                    Sign Up      Log in
                                                                                                                 Next ❯
    HTML
                 CSS       JAVASCRIPT            SQL           PYTHON       JAVA        PHP     HOW TO      W3.CSS           C
                                      Track your progress - it's free!                           Sign Up   Log in
                                                           COLOR PICKER
                                                      
                                                                                                                         
https://www.w3schools.com/Html/html_computercode_elements.asp                                                                     6/8
5/8/25, 9:57 AM                                                    HTML Computer Code Elements
                 Tutorials         Exercises          Services                                         Sign Up      Log in
    HTML
                 CSS       JAVASCRIPT           SQL            PYTHON      JAVA         PHP        HOW TO            W3.CSS      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
https://www.w3schools.com/Html/html_computercode_elements.asp                                                                         7/8
5/8/25, 9:57 AM                                                    HTML Computer Code Elements
                                    Java Examples                                                C++ Certificate
                  Tutorials       XML Examples

                                     Exercises 
                                   jQuery Examples
                                                         Services                               C# Certificate
                                                                                                              Sign Up
                                                                                                 XML Certificate
                                                                                                                        Log in
    HTML
                 CSS       JAVASCRIPT            SQL           PYTHON       JAVA        PHP        HOW TO          W3.CSS       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.
https://www.w3schools.com/Html/html_computercode_elements.asp                                                                        8/8
You might also like