Etiqueta HTML <samp>
La etiqueta <samp> contiene la salida de ejemplo de un programa informático o un script. En el navegador, el contenido de la etiqueta se muestra en una fuente monoespaciada, por defecto.
La etiqueta <samp> es un elemento de contenido de fraseo que indica que una sección de texto tiene un significado estructural.
Puedes lograr un mejor efecto con CSS, aunque la etiqueta <samp> no está obsoleta.
La fuente predeterminada del navegador puede ser anulada con una regla CSS para la etiqueta <samp>, normalmente usando la propiedad font-family. Sin embargo, las preferencias del navegador o las hojas de estilo del agente de usuario pueden tener prioridad sobre cualquier CSS especificado.
Puedes usar la etiqueta <output> en lugar de <samp> si deseas que un elemento sirva como contenedor para la salida generada por el sitio web o el código JavaScript.
Sintaxis
La etiqueta <samp> se usa en pares. El contenido se escribe entre las etiquetas de apertura (<samp>) y cierre (</samp>).
Ejemplo de la etiqueta HTML <samp>:
Etiqueta HTML <samp>
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<p>You see an ordinary text here. <samp>But this is a sample text.</samp> And another ordinary text.</p>
</body>
</html>Resultado
En HTML, existen otros elementos utilizados para especificar partes de un documento técnico: la etiqueta <code> se usa para definir el código fuente de un programa informático, la etiqueta <kbd> se usa para especificar una entrada de teclado y la etiqueta <var> se usa para especificar variables. Aunque tanto <code> como <samp> utilizan fuentes monoespaciadas, <code> representa el código fuente real, mientras que <samp> representa la salida generada por ese código.
Atributos
La etiqueta <samp> admite los Atributos globales y los Atributos de eventos.
Cómo dar estilo a una etiqueta HTML <samp>
samp {
/* Overrides the default monospace font */
font-family: Arial, sans-serif;
color: #333;
}Práctica
¿Cuál es el propósito de la etiqueta HTML <samp> y cómo se utiliza?