1

Lo que quiero esque al tener una etiqueta <i>, por ejemplo, me muestre la etiqueta y no lo haga.

Hay alguna etiqueta en html que haga esta función?

2 respuestas 2

2

No hay una única etiqueta que te permita hacer lo que buscas, pero no es tan difícil de lograr.

Te recomiendo utilizar la combinación de etiquetas <pre>, para conservar los quiebres de línea y espacios de indentación, además que usualmente esta etiqueta se muestra en caracteres monoespaciados, con la etiqueta <code> para indicar que es código de computadora.

Finalmente, debes utilizar secuencias de escape para algunos caracteres. Especialmente <, que sustituyes por &lt; y & que sustituyes por &amp;.

Generalmente también se sustituye > por &gt;, aunque no es necesario, guarda la simetría.

Ejemplo:

<html>
<head>
  <meta http-equiv="Expires" content="0">
  <title>Ejemplo</title>
</head>
<body bgcolor="#ffffff" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<h1>Un ejemplo de código HTML</h1>
<pre>
  <code>
&lt;html&gt;
&lt;head&gt;
  &lt;meta http-equiv="Expires" content="0"&gt;
  &lt;title&gt;Ejemplo&lt;/title&gt;
&lt;/head&gt;
&lt;body bgcolor="#ffffff" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"&gt;
  &lt;h1&gt;Un ejemplo de código HTML&lt;/h1&gt;
  &lt;pre&gt;
    &lt;code&gt;
  Ejemplo de código
    con indentación
    &lt;/code&gt;
  &lt;/pre&gt;
&lt;/body&gt;
&lt;/html&gt;
  </code>
</pre>
</body>
</html>

1
  • 1
    Una forma muy pràctica, gracias por tu respuesta me ha aclarado aún mejor las possibilidades de estas etiquetas. Commented el 28 may. 2019 a las 15:18
0

Reemplaza < por &lt; y > por &gt;

Pregunta original

2
  • 1
    Y además se podría agregar dentro de una etiqueta <code></code> para indicar que se va mostrar un código.
    – Kleith
    Commented el 28 may. 2019 a las 15:02
  • Muchas gracias por vuestras respuestas me han aclarado bastante, y es lo que buscaba. Commented el 28 may. 2019 a las 15:17

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.