Lo principal es tener en cuenta el siguiente marcado HTML:
<pre>Pero la cosa no termina ahí, las etiquetas HTML son interpretadas por el browser o navegador y para evitar esto (porque lo que queremos es mostrar el código, no que sea interpretado) hay que escribir los correspondientes códigos de escape.
<code>tu codigo aqui</code>
<code>sigue el codigo</code>
</pre>
Si la demanda estuviera simplemente restringida a sólo un par de líneas, la tarea puede llevarse a cabo rápidamente. Sólo hace falta conocer los correspondientes códigos de escape...
De otra forma, de igual de eficiente y mucho más rápida es darle el trabajo a un programa.
El recurso (no el único) está disponible en forma gratuita en la red.
Sólo hay que dirigirse a
http://blogcrowds.com/resources/parse_html.php
Pegar el código en cuestión y solicitar la ejecución mediante el botón PARSE.
En mi caso, el resultado es el siguiente:
Ahora sí, efectuamos el marcado que mostré antes y nos queda:<head><meta http-equiv="content-type" content="text/html; charset=utf-8" /><link rel="icon" href="favicon.ico" type="image/x-icon"/><title></title><meta name="keywords" content="" /><meta name="description" content="" /><link rel="stylesheet" type="text/css" href="style.css" /></head>
Lo que nos queda, es un poco de CSS para darle vida a nuestra muestra. Pero hasta acá llega el tip de hoy.
Mi nombre es
0 comentarios:
Publicar un comentario