Buscar este blog

Mostrar Codigo HTML

Hola!, estuve buscando forma de mostrar un codigo HTML en el post, pues si no te has dado cuenta cuando pones el símbolo "<" seguido de un texto lo reconoce como codigo, e intenta ejecutarlo (lo que no sucede con ">").
Leyendo en internet encontre que se debia hacer algo muy simple:
  • Cambiar < por &lt;
  • Cambiar > por &gt;
Tal vez te estes preguntando por que al poner &lt no se muestra como <, esto es por que solo funciona cuando hay un texto al lado (o.O!). Quizas suene un poco confuso, aca un ejemplo.

Si en el post pones < algo se muestra sin problemas.

Pero los codigos normalmente van juntos, asi:


<a href="http://www.google.com" target="blank">Ir a Google</a>


Si lo pones tal como lo ves saldra asi:


Ir a Google

Lo que debes poner es:





Así se mostrara el verdadero codigo, para que otros puedan copiarlo y pegarlo posteriormente.

Recuerda que otros simbolos como las comillas (") también tienen su código propio.

Entonces hasta ahora la manera de sustituir los <> sería usando la herramienta Reemplazar ( [Ctrl] + [R] ) del Block de Notas; o la herramienta Buscar y Reemplazar ( [Ctrl] + [B] ) de Word.
Pero si quieres hacerlos mas rápido, hay unas páginas donde ingresas el código HTML (con < incluido) y te devuelven recodificado, listo para pegarlo donde quieras.

Éstas páginas son:

Solo debes poner el código y presionar el botón.

Si te preguntas el motivo de este post, es que se vendran post que necesitaran mostrar los codigos HTML para que tu puedas insertarlos también, espera estos post!.




0 comentarios

Hacer un Comentario
top