#   
### What is the `<code>` element?

In #key# HTML: Hypertext Markup Language #key#, the **`<code>`** element is used to show content as a fragment of computer code. 

By default, [monospace font](https://fonts.google.com/?category=Monospace) style is used to display the text/piece of code in between the opening `<code>` and closing `</code>` tags. 

`<code>` supports almost every latest browser or browser engine.

---
> This element is still available in the latest version of HTML, but you can also use #key# CSS: Cascading Style Sheets #key#.

#   
#  Syntax

---
```html
<code> .....Content Here.....</code>
```
---

##  
## Attributes

The `code` element supports global attributes as well as event attributes. Some useful properties are mentioned below.

Useful attributes

align-center

#   
## Code
### Example 1

The code snippet below shows how to use the `<code>` element in HTML documents.

<html>
  <head> </head>
  <body> 
    <p>Lorem ipsum 
      <code>
        dolor sit amet, consectetur adipiscing elit. 
        Etiam pharetra quam sit amet sem elementum commodo. 
      </code>
      
        Donec porta ornare nisi et luctus.Aliquam lorem risus, placerat vitae dui at, molestie finibus libero.
    </p>
   </body>
</html>

codemirror

#   
##   
### Explanation 

The first line between the `<p>` tags will get `green` after execution. Therefore, its font style will also change. 

We use a `<code>` element in line 10.

<html>
  <head> </head>
  <body>
    <pre> 
    <code>
      //code starting from here
      #include< iostream>
      
      //header file
      #include< stack>
      using namespace std;

      int main() {
        stack<int> stack1;

        stack1.push(0);
        stack1.push(2);
        stack1.push(5);
        stack1.push(3);
        stack1.push(1);
      
      } //code ends here
    </code>
   
    
    </pre>
  </body>
</html>

#      
##   
### Explanation 

The code snippet represents how the `<code>` element can be used to show code in HTML as it is.

What is the HTML <code> element?

The `<code>` element in HTML displays computer code fragments in a monospace font, compatible with all modern browsers and supports global and event attributes.

Special attributes	Description
*<samp>*	Quoted or Sample output from a computer program.
*<pre>*	Preformatted text means same output as it is in Html document.
*<var>*	Define a variable name e.g. for mathematical expression.
*<kbd>*	Keyboard Input means a span of inline text.
*<command>*	Not Available (Discontinued)

What is the HTML <code> element?

What is the <code> element?

Syntax

Attributes

Useful attributes

Code

Example 1

Explanation

Example 2

Explanation

What is the `<code>` element?