Escribir codigo HTML en un post del blog

Muchos bloggeros en alguna etapa de nuestra historia en el mundo del blog se nos ha presentado un problema: ¿Cómo escribir código HTML sin que Internet lo lea como tal? (creo que no me explico todavía).

Más fácil, ¿cómo se escribe esto:

<a href="http://hugomosh7.blogspot.com"><img id="BLOGGER_PHOTO_ID_5218959676965178738" border="0" style="cursor: pointer;" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWl5TImvgwEsr-_PDT-ABeBlTj7f-6GzS9PYmTs2zOIDQcgSCRHQhz8C0KWOgtuR4evgpSwjzOlTO9Y_1OnmdUrZH1CO1fFBX7FsLlctmvgAPrmBVF51GWm-ImdQuwNUsVZ_JM373ZbTas/s200/hugo-mosh.png" title="Blog de Hugo Mosh"/></a>

sin que Internet lo lea como esto: (que es el icono que tiene como código el de arriba)?

¿Ya me di a entender :P? Bueno pues ahora te voy a decir como hacerlo.

Hay varias forma,s yo te voy a decir dos:

[1a} Text area:

<a href="http://hugomosh7.blogspot.com"><img id="BLOGGER_PHOTO_ID_5218959676965178738" border="0" style="cursor: pointer;" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWl5TImvgwEsr-_PDT-ABeBlTj7f-6GzS9PYmTs2zOIDQcgSCRHQhz8C0KWOgtuR4evgpSwjzOlTO9Y_1OnmdUrZH1CO1fFBX7FsLlctmvgAPrmBVF51GWm-ImdQuwNUsVZ_JM373ZbTas/s200/hugo-mosh.png" title="Blog de Hugo Mosh" /></a>

Este método es usar el elemento textarea:

<textarea rows="NUMERO DE FILAS" cols="NUMERO DE COLUMNAS">Aquí va el código</textarea>

Ya tu decides el numero de filas y columnas.

[2a} SimpleCode:


<a href="http://hugomosh7.blogspot.com"><img id="BLOGGER_PHOTO_ID_5218959676965178738" border="0" style="cursor: pointer;" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWl5TImvgwEsr-_PDT-ABeBlTj7f-6GzS9PYmTs2zOIDQcgSCRHQhz8C0KWOgtuR4evgpSwjzOlTO9Y_1OnmdUrZH1CO1fFBX7FsLlctmvgAPrmBVF51GWm-ImdQuwNUsVZ_JM373ZbTas/s200/hugo-mosh.png" title="Blog de Hugo Mosh" /></a>


Esta manera es pasar el código HTML a caracteres que representan el símbolo.

Utilizando esta tabla.

Carácter	Código

<	&lt;
>	&gt;

Pero no se trata de estar cambiando cada <> por su código, sino que hay una manera más fácil: SimpleCode. Donde copias el código HTML, haces clic en 'process' y listo, te da el código ya transformado a caracteres.

Ahora te preguntaras cual es mejor. La respuesta esta en ti. ; )

Ja, en realidad tu tienes que ir viendo cual te favorece, digamos, por ejemplo: textarea lo puedes utilizar si el código es muy extenso y solo necesitas ponerlo para que tus lectores lo copien.

Con la experiencia vas a ir descubriendo cuando usar cada uno.

Nota: no es que este blog sea un blogde ayuda per se, simplemente es, como dice el slogan, DE TODO UN POCO Y MUCHO DE NADA.