Tutorial HTML

INICIO HTML Introducción HTML Editores HTML HTML básico Elementos HTML Atributos HTML Encabezados HTML Párrafos HTML Estilos HTML Formato HTML Cotizaciones HTML Comentarios HTML Colores HTML CSS HTML Enlaces HTML Imágenes HTML icono de favoritos HTML Tablas HTML Listas HTML Bloque HTML y en línea Clases HTML Identificación HTML Marcos flotantes HTML HTML JavaScript Rutas de archivo HTML Encabezado HTML Diseño HTML Responsivo HTML Código informático HTML Semántica HTML Guía de estilo HTML Entidades HTML Símbolos HTML Emoticonos HTML Juego de caracteres HTML Codificación de URL HTML HTML frente a XHTML

Formularios HTML

Formularios HTML Atributos de formulario HTML Elementos de formulario HTML Tipos de entrada HTML Atributos de entrada HTML Atributos de formulario de entrada HTML

Gráficos HTML

Lienzo HTML HTML SVG

Medios HTML

Medios HTML Vídeo HTML Audio HTML Complementos HTML HTML de YouTube

API de HTML

Geolocalización HTML Arrastrar/soltar HTML Almacenamiento web HTML Trabajadores web HTML SSE HTML

Ejemplos HTML

Ejemplos HTML Cuestionario HTML Ejercicios HTML Certificado HTML Resumen HTML Accesibilidad HTML

Referencias HTML

Lista de etiquetas HTML Atributos HTML Atributos globales HTML Compatibilidad con navegador HTML Eventos HTML Colores HTML Lienzo HTML Audio/vídeo HTML Tipos de documentos HTML Conjuntos de caracteres HTML Codificación de URL HTML Códigos de idioma HTML Mensajes HTTP Métodos HTTP Convertidor PX a EM Atajos de teclado

Elementos de código de computadora HTML


HTML contiene varios elementos para definir la entrada del usuario y el código de computadora.


Ejemplo

<code>
x = 5;
y = 6;
z = x + y;
</code>

HTML <kbd> para entrada de teclado

El elemento HTML <kbd>se utiliza para definir la entrada del teclado. El contenido del interior se muestra en la fuente monoespaciada predeterminada del navegador.

Ejemplo

Defina algún texto como entrada de teclado en un documento:

<p>Save the document by pressing <kbd>Ctrl + S</kbd></p>

Resultado:

Save the document by pressing Ctrl + S

HTML <samp> para la salida del programa

El elemento HTML <samp>se utiliza para definir la salida de muestra de un programa informático. El contenido del interior se muestra en la fuente monoespaciada predeterminada del navegador.

Ejemplo

Defina algún texto como salida de muestra de un programa de computadora en un documento:

<p>Message from my computer:</p>
<p><samp>File not found.<br>Press F1 to continue</samp></p>

Resultado:

Message from my computer:

File not found.
Press F1 to continue



HTML <código> para código de computadora

El elemento HTML <code>se utiliza para definir una pieza de código de computadora. El contenido del interior se muestra en la fuente monoespaciada predeterminada del navegador.

Ejemplo

Defina algún texto como código de computadora en un documento:

<code>
x = 5;
y = 6;
z = x + y;
</code>

Resultado:

x = 5; y = 6; z = x + y;

Tenga en cuenta que el <code>elemento no conserva espacios en blanco ni saltos de línea adicionales.

Para arreglar esto, puedes poner el <code>elemento dentro de otro <pre>elemento:

Ejemplo

<pre>
<code>
x = 5;
y = 6;
z = x + y;
</code>
</pre>

Resultado:

x = 5;
y = 6;
z = x + y;

HTML <var> para variables

El elemento HTML <var>se utiliza para definir una variable en programación o en una expresión matemática. El contenido interior normalmente se muestra en cursiva.

Ejemplo

Defina algún texto como variables en un documento:

<p>The area of a triangle is: 1/2 x <var>b</var> x <var>h</var>, where <var>b</var> is the base, and <var>h</var> is the vertical height.</p>

Resultado:

The area of a triangle is: 1/2 x b x h, where b is the base, and h is the vertical height.

Resumen del capítulo

  • El <kbd>elemento define la entrada del teclado.
  • El <samp>elemento define la salida de muestra de un programa de computadora.
  • El <code>elemento define una pieza de código de computadora
  • El <var>elemento define una variable en programación o en una expresión matemática.
  • El <pre>elemento define texto preformateado.

Ejercicios HTML

Ponte a prueba con ejercicios

Ejercicio:

Defina el texto "var persona"; como código de programación.

<p>Ejemplo de código:era persona;</p>


Elementos de código de computadora HTML

Tag Description
<code> Defines programming code
<kbd> Defines keyboard input 
<samp> Defines computer output
<var> Defines a variable
<pre> Defines preformatted text

Para obtener una lista completa de todas las etiquetas HTML disponibles, visite nuestra Referencia de etiquetas HTML .