Code has been added to clipboard!

Using samp HTML Tag

Reading time 1 min
Published Jun 29, 2017
Updated Sep 11, 2019

samp HTML: Main Tips

  • The <samp> tags define the HTML sample element.
  • You should use it to convey that some inline text represents output from a computer script.
  • HTML samp tag doesn't have any specific attributes, but supports global attributes in HTML.
  • You cannot omit the ending tag.

Using <samp> Tags

HTML <samp> tags surround inline text that represents computer output:

Example
<samp>Sample tag output from a computer application.</samp>

That's why it's commonly used for technical documentation to specify the output (i.e. an error message).

You can also use samp HTML tag together with kbd tag to specify that the computer outputs the text which was entered by a user (i.e. to show how terminal messages in Linux, macOS or Windows might look) or to represent the onscreen input options. You can read more about it here.

For the styling of HTML sample element, most browsers choose their default monospaced font (i.e., Courier).

Default CSS Settings

Most browsers use these settings by default for code in samp HTML tags:

Example
samp { 
    font-family: monospace;
}

Tip: learn to add additional CSS modifications in the CSS fonts tutorial.

Browser Support

Chrome
All
Edge
All
Firefox
1+
IE
All
Opera
All
Safari
All

Mobile Browser Support

Chrome
All
Firefox
4+
Opera
All
Safari
All
Basics
Introduction
Syntax
Editors
Basic Examples
Head Section
<!DOCTYPE>
Tags and Elements
Semantic Elements
Tags Reference
Attributes
Comments
Block and Inline Elements
Forms
Form Elements
Input
Responsive Web Design
Inline Scripts
Uniform Resource Locator
Redirect
XHTML
Geolocation
Drag and Drop
Local Storage
Web Workers
Server-Sent Events
Character Encoding
Text Formatting
Quotation and Citation Elements
Headings
Paragraphs
Links
Tables
Lists
Symbols
Space
Tab
Styles
Computer Code
Layout
Classes
Colors
Images
iframes
Audio Player
Video Player
YouTube Videos
Multimedia
Canvas
SVG
<!-- -->
<a>
<abbr>
<acronym> DEPRECATED
<address>
<applet> DEPRECATED
<article>
<aside>
<audio>
<b>
<base>
<basefont> DEPRECATED
<bdi>
<bdo>
<big> DEPRECATED
<blink> DEPRECATED
<blockquote>
<body>
<br>
<button>
<canvas>
<caption>
<center> DEPRECATED
<cite>
<code>
<col>
<colgroup>
<datalist>
<dd>
<del>
<details>
<dfn>
<dialog>
<dir> DEPRECATED
<div>
<dl>
<dt>
<em>
<embed>
<fieldset>
<figcaption>
<figure>
<font> DEPRECATED
<footer>
<form>
<frame> DEPRECATED
<frameset> DEPRECATED
<h1> – <h6>
<head>
<header>
<hr>
<html>
<i>
<iframe>
<img>
<input>
<ins>
<kbd>
<keygen> DEPRECATED
<label>
<legend>
<li>
<link>
<main>
<map>
<mark>
<menu>
<menuitem> DEPRECATED
<meta>
<meter>
<nav>
<noframes> DEPRECATED
<noscript>
<object>
<ol>
<optgroup>
<option>
<output>
<p>
<param>
<pre>
<progress>
<q>
<rp>
<rt>
<ruby>
<s>
<samp>
<script>
<section>
<select>
<small>
<source>
<span>
<strike> DEPRECATED
<strong>
<style>
<sub>
<summary>
<sup>
<table>
<tbody>
<td>
<tfoot>
<th>
<thead>
<time>
<title>
<tr>
<track>
<tt> DEPRECATED
<u>
<ul>
<var>
<video>
<wbr>