La etiqueta <code> en HTML se usa para definir la pieza de código de computadora. Durante la creación de páginas web, a veces es necesario mostrar el código de programación de la computadora. Se puede hacer con cualquier etiqueta de encabezado básico de HTML, pero HTML proporciona una etiqueta separada que es <code>.
La etiqueta de código es un tipo específico de texto que representa la salida de la computadora. HTML proporciona muchos métodos para dar formato al texto, pero la etiqueta <code> se muestra con un tamaño de letra, fuente y espaciado fijos.
Algunos puntos sobre la etiqueta <code>:
- Se utiliza principalmente para mostrar el fragmento de código en el navegador web.
- Esta etiqueta le da estilo a su elemento para que coincida con el formato de texto predeterminado de la computadora.
- Los navegadores web utilizan de forma predeterminada una familia de fuentes monoespaciadas para mostrar el contenido de los elementos de las etiquetas <code<.
Sintaxis:
<code> Contents... </code>
Los siguientes ejemplos ilustran la etiqueta de código HTML.
Ejemplo 1:
HTML
<!DOCTYPE html>
<html>
<body>
<pre>
<!--code Tag starts here -->
<code>
#include<stdio.h>
int main() {
printf("Hello Geeks");
}
<!--code Tag starts here -->
</code>
</pre>
</body>
</html>
Producción:
Ejemplo 2:
HTML
<!DOCTYPE html>
<html>
<body>
<pre>
<!--code Tag starts here -->
<code>
class GFG
{
// Program begins with a call to main()
// Print "Hello, World" to the terminal window
public static void main(String args[])
{
System.out.println("Hello, World");
}
}
<!--code Tag ends here -->
</code>
</pre>
</body>
</html>
Salida: El programa que está escrito dentro de la etiqueta <code> tiene un tamaño de fuente y tipo de fuente diferente al de la etiqueta básica de encabezado y la etiqueta de párrafo.
Nota: la etiqueta <pre> se usa para mostrar fragmentos de código porque siempre mantiene el formato del texto como tal.
Navegadores compatibles:
- Google cromo 1
- Borde 12
- explorador de Internet
- Firefox 1
- Ópera
- Safari
Publicación traducida automáticamente
Artículo escrito por Shahnawaz_Ali y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA