- HTML Tutorial
- HTML - Home
- HTML - History and Evolution
- HTML - Overview
- HTML - Editors
- HTML - Basic Tags
- HTML - Elements
- HTML - Attributes
- HTML - Formatting
- HTML - Headings
- HTML - Paragraphs
- HTML - Quotations
- HTML - Comments
- HTML - Phrase Tags
- HTML - Meta Tags
- HTML - Style Sheet
- HTML - CSS Classes
- HTML - CSS IDs
- HTML - Images
- HTML - Image Map
- HTML Tables
- HTML - Tables
- HTML - Headers & Caption
- HTML - Table Styling
- HTML - Table Colgroup
- HTML - Nested Tables
- HTML Lists
- HTML - Lists
- HTML - Unordered Lists
- HTML - Ordered Lists
- HTML - Definition Lists
- HTML Links
- HTML - Text Links
- HTML - Image Links
- HTML - Email Links
- HTML - Iframes
- HTML - Blocks
- HTML Backgrounds
- HTML - Backgrounds
- HTML Colors
- HTML - Colors
- HTML - RGB
- HTML - HEX
- HTML - HSL
- HTML Forms
- HTML - Forms
- HTML - Form Attributes
- HTML - Form Control
- HTML - Input Attributes
- HTML Media
- HTML - Video Element
- HTML - Audio Element
- HTML - Embed Multimedia
- HTML Header
- HTML - Head Element
- HTML - Adding Favicon
- HTML - Javascript
- HTML Layouts
- HTML - Layouts
- HTML - Layout Elements
- HTML - Layout using CSS
- HTML - Responsiveness
- HTML - Symbols
- HTML - Emojis
- HTML - Style Guide
- HTML Graphics
- HTML - SVG
- HTML - Canvas
- HTML APIs
- HTML - Geolocation API
- HTML - Drag & Drop API
- HTML - Web Workers API
- HTML - WebSocket
- HTML - Web Storage
- HTML - Server Sent Events
- HTML Miscellaneous
- HTML - MathML
- HTML - Microdata
- HTML - IndexedDB
- HTML - Web Messaging
- HTML - Web CORS
- HTML - Web RTC
- HTML Demo
- HTML - Audio Player
- HTML - Video Player
- HTML - Web slide Desk
- HTML Tools
- HTML - Velocity Draw
- HTML - QR Code
- HTML - Modernizer
- HTML - Validation
- HTML - Color Code Builder
- HTML References
- HTML - Tags Reference
- HTML - Attributes Reference
- HTML - Events Reference
- HTML - Fonts Reference
- HTML - ASCII Codes
- ASCII Table Lookup
- HTML - Color Names
- HTML - Entities
- MIME Media Types
- HTML - URL Encoding
- Language ISO Codes
- HTML - Character Encodings
- HTML - Deprecated Tags
- HTML Resources
- HTML - Quick Guide
- HTML - Useful Resources
- HTML - Color Code Builder
- HTML - Online Editor
HTML - <code> Tag
HTML <code> tag is used to define a piece of computer code. Or, in other words, we can say that the <code> tag is used to insert variables, fragments of program code, etc. into an HTML document. By default, in the browser, the content text is displayed using the default monospace font. HTML provides many methods for text formatting, but the <code> tag is displayed with fixed letter size, font, and spacing.
Syntax
<code>...</code>
Attribute
HTML code tag supports Global and Event attributes of HTML.
Example of HTML code Tag
In the bellow examples we will see the use of code tag and also see the use of related tags that can be used rather than code tag like <samp>, <kbd>, <var> and <pre> tags. Also we will style our code tag using internal CSS.
Default style of code Element
In the following example, let’s see the usage of <code> tag in the HTML document.
<!DOCTYPE html> <html> <body> <h2>TutorialsPoint</h2> <p> Simply Easy Learning <code>HTML Tutorial</code> </p> </body> </html>
Using code tag with other Replacment tags
In this example we will see the other similar tags which can be used as well. HTML code tag is not deprecated.
<!DOCTYPE html> <html> <body> <h3> Bellow we have used 4 other tags that can be replacement of code tag </h3> <code>This is code Element</code> <br> <samp>This is samp Element</samp> <br> <kbd>This is kbd Element</kbd> <br> <var>This is var Element</var> <br> <pre>This is code Element</pre> </body> </html>
Specifying other Language in HTML
Considering the following example, we are creating an HTML document and using the <code> tag to display the one-line CPP program.
<!DOCTYPE html> <html> <body> <h2>CPP Program</h2> <code>int a, b, c; a = 20, b = 30, c = 40;</code> </body> </html>
Styling code Element using internal CSS
Let's look at the following example, where we are creating an HTML document using the <code> tag and CSS properties to style the content of the <code>.
<!DOCTYPE html> <html> <head> <style> code { color: red; font-family: verdana; } </style> </head> <body> <h2>TutorialsPoint</h2> <code>HTML Tutorial</code> </body> </html>
Supported Browsers
Tag | |||||
---|---|---|---|---|---|
code | Yes | Yes | Yes | Yes | Yes |
To Continue Learning Please Login
Login with Google