Blog sobre Accesibilidad Web, diseño Web, SEO y recursos gratis en la Web

sábado, 27 de octubre de 2007

Insertar HTML en un blog

El siguiente tip es precisamente sobre insertar HTML (o cualquier código de programación) en un blog o página web.
Lo principal es tener en cuenta el siguiente marcado HTML:
<pre>
<code>tu codigo aqui</code>
<code>sigue el codigo</code>
</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.
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.
Share:

Publicidad

Estadísticas

A cotidiano, me siguen