The <code> tag in HTML is used to define the piece of computer code. During the creation of web pages sometimes there is a need to display computer programming code. It could be done by any basic heading tag of HTML but HTML provides a separated tag which is <code>.
The code tag is a specific type of text which represents computer output. HTML provides many methods for text-formatting but <code> tag is displayed with fixed letter size, font, and spacing.
Some points about <code> tag:
- It is mainly used to display the code snippet into the web browser.
- This tag styles its element to match the computer’s default text format.
- The web browsers by default use a monospace font family for displaying <code< tags element content.
Syntax:
<code> Contents... </code>
The below examples illustrates the HTML code Tag.
Example 1:
HTML
<!DOCTYPE html>
<html>
<body>
<pre>
<code>
#include<stdio.h>
int main() {
printf("Hello Geeks");
}
</code>
</pre>
</body>
</html>
|
Output:
Example 2:
HTML
<!DOCTYPE html>
<html>
<body>
<pre>
<code>
class GFG
{
// Program begins with a call to main()
// Print "Hello, World" to the terminal window
public static void main(String args[])
{
System.out.println("Hello, World");
}
}
</code>
</pre>
</body>
</html>
|
Output: The program which is written inside the <code> tag has some different font size and font type to the basic heading tag and paragraph tag.
Note: <pre> tag is used to display code snippets because it always keeps the text formatting as it.
Supported Browsers:
- Google Chrome 1
- Edge 12
- Internet Explorer
- Firefox 1
- Opera
- Safari
Whether you're preparing for your first job interview or aiming to upskill in this ever-evolving tech landscape,
GeeksforGeeks Courses are your key to success. We provide top-quality content at affordable prices, all geared towards accelerating your growth in a time-bound manner. Join the millions we've already empowered, and we're here to do the same for you. Don't miss out -
check it out now!