¿Cómo citar en HTML (no en blockquote)?

Quiero un código de muestra en una página html. Cómo lo hago, por ejemplo, quiero mostrar una etiqueta y una etiqueta de imagen, en stackoverflow utilizo 4 espacios:

A Tag example:  Image Tag example:  

Creo que estás pidiendo la etiqueta


para texto preformateado.

Todo lo que entra dentro de la etiqueta previa no se interpreta.

Prueba esto en un navegador:

 
 <img src="whatever" /> <othertag>whatever</otherta> 

EDITAR: como señaló Pekka, para las tags HTML, los símbolos se deben convertir a sus entidades HTML.

Para formatear la salida, puede usar el elemento pre .

Sin embargo, aún tendrá que convertir los caracteres especiales < > ' " & en sus entidades HTML < > y así sucesivamente para que las tags HTML aparezcan en texto claro y no sean renderizadas por el navegador.

Si puede usar PHP , hay htmlspecialchars () para eso. Cada lenguaje de scripting del lado del servidor tiene un equivalente.

En JavaScript , establecer la propiedad innerText del pre contenedor lleva a que los caracteres se muestren literalmente y no como HTML interpretado.

Si desea hacerlo manualmente, esto es lo que necesita convertir:

 & to & > to > < to < " to " ' to &#039 

fuente

Puede usar una combinación de las tags


y . La etiqueta


formatea todo dentro de ella como aparece en el código fuente (útil para mostrar bloques grandes de fuente), y la etiqueta se usa para formatear el código en línea (similar a cómo son las tags en esta respuesta formateado). Además, cualquier elemento dentro de las tags debe convertirse en caracteres especiales HTML (& gt; y & lt; por ejemplo).

    Intereting Posts