Bienvenidos una vez más a otro episodio del diccionario HTML.
Hoy vamos a hablar sobre la etiqueta code en HTML. Es curioso, llevamos un montón de vídeos en esta serie y todavía vamos por la letra «C». Madre mía, lo que nos queda aún por hacer.
Pero bueno, el caso es que aquí podrás encontrar todas y cada una de las etiquetas de este lenguaje, ordenadas alfabéticamente.
Recuerda que tienes los comentarios de abajo por si quieres preguntarme algo (o decirme algo bonito).
¿Qué es la etiqueta Code en HTML?
Primero, empecemos por entender qué significa code.
Como ya sabrás, «code» en inglés es «código». Pero, ¿qué hace exactamente esta etiqueta?
La etiqueta code en HTML se utiliza para representar fragmentos de código.
Es decir, cuando utilizamos esta etiqueta en el texto y enmarcamos un trozo de código, se va a ver representado tal cual en vez de ejecutarse en el navegador.
Esto es especialmente útil cuando quieres mostrar cómo se ve un código en particular.
¿Un poco abstracto? Veamos un ejemplo entonces.
¿Cómo se usa la etiqueta Code en HTML?
Para entenderlo mejor, vamos a ver un ejemplo práctico.
Imagina que tienes un editor de código abierto con un archivo index.html. Dentro de la etiqueta body, puedes usar la etiqueta code para enmarcar un fragmento de código HTML que quieras mostrar.
Pero ojo, si quieres que se vea en el navegador como texto y no se ejecute, tendrás que escribir las etiquetas de apertura y cierre en formato HTML.
Por ejemplo, si quieres mostrar cómo se ve un enlace en HTML, podrías hacer algo como esto:
<code><a href="https://ejemplo.com">Este es un enlace</a></code>
Además, es común usar la etiqueta code junto con la etiqueta pre, que ayuda a mantener el formato del código, como las indentaciones. Así se vería:
<pre>
<code><a href="https://ejemplo.com">Este es un enlace</a></code>
</pre>No sé si te has fijado, pero otro ejemplo está en el mismo ejemplo 😁.
Cada vez que colóco un código HTML para que se vea textualmente, estoy usando la etiqueta Code (propia del editor).
Conclusión
En resumen, la etiqueta code es esencial para cualquier persona que quiera mostrar fragmentos de código en su página web.
Sin esta etiqueta, sería complicado mostrar código HTML tal cual, ya que se ejecutaría en el navegador.
Así que ya sabes, si alguna vez necesitas mostrar un fragmento de código en tu sitio web, ya sabes que etiqueta has de usar.
Espero que te haya servido esta pequeña lección del diccionario HTML y ya sabes que si tienes cualquier pregunta la puedes dejar en los comentarios.