Todas las Noticias en Películas, Avances de Películas y Reseñas.

Aprendiendo HTML Parte 12: Uso de elementos Kbd, Samp, Code y Var en HTML

En esta discusión, el material que se discutirá es sobre formato de código (escribir asuntos técnicos) en HTML, que en detalle trata sobre la escritura de comandos de entrada desde el teclado con etiquetas , escritura de código de programa de muestra con etiquetas , escritura de código para HTML con la etiqueta y escribir texto que contiene variables matemáticas o de programa con la etiqueta .

Todas estas etiquetas son más útiles para crear una estructura HTML que para la visualización. En general, estas etiquetas se utilizan para escribir código de programa que se encuentra en el contenido web. Para que entiendas mejor el uso de estas etiquetas, veamos la explicación a continuación:

A. Uso del elemento .

El elemento kbd significa Teclado. Donde la etiqueta se usa para representar la entrada del usuario (en forma de caracteres del teclado o de otras herramientas, como comandos de voz).

El texto o contenido incluido en la etiqueta se mostrará con una fuente monoespaciada. El siguiente es un ejemplo del código para usar la etiqueta en HTML:

<!DOCTYPE html>
<html>
 <head>
  <title>Penggunaan Elemen kbd di HTML</title>
 </head>
 <body>
  <p>Untuk mematikan proses, tekan <kbd>CTRL+ALT+Delete</kbd></p>
 </body>
</html>

Después de ejecutar el código anterior en un navegador web, aparecerá como se muestra a continuación:

Uso de la etiqueta kbd en html

B. Uso del elemento

Samp element es una abreviatura de Program Sample que incluye el tipo de elemento en línea y sigue el flujo del texto existente. Esta etiqueta se usa para escribir un ejemplo de la salida de un programa de computadora. El texto en la etiqueta se mostrará en los navegadores web con fuentes monoespaciadas eliminando más de un espacio y similar a la etiqueta .

El siguiente es un ejemplo del código para usar la etiqueta en HTML:

<!DOCTYPE html>
<html>
 <head>
  <title>Penggunaan Elemen samp di HTML</title>
 </head>
 <body>
  <p>Mengkonversi nilai ASCII ke dalam karakter dengan menggunakan metode <samp>string.fromCharCode()</samp>
 </body>
</html>

Después de ejecutar el código anterior en un navegador web, aparecerá como se muestra a continuación:

Usando la etiqueta de muestra en html

C. Uso del elemento elemento

La etiqueta se usa para escribir partes de código de computadora en HTML. Donde el código de computadora incluye el nombre de un elemento XML, un programa de computadora, el nombre de un archivo u otros códigos que son reconocidos por la computadora.

Los navegadores web mostrarán el texto en la etiqueta con fuentes monoespaciadas al eliminar más de un espacio. Esta etiqueta también pertenece al tipo de elemento en línea y sigue el flujo de texto existente. En la etiqueta hay un atributo de clase que se recomienda utilizar para indicar el idioma del código informático escrito. Por ejemplo, escribirá código CSS y luego escribirá "language-css" en el atributo de clase como …. .

El siguiente es un ejemplo del código para usar la etiqueta en HTML:

<!DOCTYPE html>
<html>
 <head>
  <title>Penggunaan Elemen Code di HTML</title>
 </head>
 <body>
  <p>CSS Default Setting : <code class="language-css">code{ font-family: monospace; }</code></p>
 </body>
</html>

Después de ejecutar el código anterior en un navegador web, aparecerá como se muestra a continuación:

Usando etiquetas de código en html

D. Uso del elemento

El elemento var significa Variable, que se utiliza para definir y escribir una variable de programa o una fórmula matemática. El texto de esta etiqueta se mostrará en cursiva (cursiva).

El siguiente es un ejemplo del código para usar la etiqueta en HTML:

<!DOCTYPE html>
<html>
 <head>
  <title>Penggunaan Elemen Var di HTML</title>
 </head>
 <body>
  <p>Misalkan laba diinisialisasikan sebagai <var>x</var></p>
 </body>
</html>

Después de ejecutar el código anterior en un navegador web, aparecerá como se muestra a continuación:

uso de la etiqueta var en html

Las cuatro etiquetas descritas anteriormente tienen "casi" la misma función, pero por supuesto su uso es diferente entre sí. El siguiente material de estudio de HTML trata sobre cómo agregar comentarios en HTML.

Tabla de Contenido

Recomendado:  "Nicol: The Bolasing" Deck Tech Series, Parte 1