<!-- --><!-- --><style type="text/css">@import url(http://www.blogger.com/static/v1/v-css/navbar/697174003-classic.css); div.b-mobile {display:none;} </style> </head><body><script type="text/javascript"> function setAttributeOnload(object, attribute, val) { if(window.addEventListener) { window.addEventListener("load", function(){ object[attribute] = val; }, false); } else { window.attachEvent('onload', function(){ object[attribute] = val; }); } } </script> <iframe src="http://www.blogger.com/navbar.g?targetBlogID=20981690469561729&amp;blogName=Neo-Faerie+Wings%3A+Your+source+for+hig...&a mp;publishMode=PUBLISH_MODE_BLOGSPOT&amp;navbarType=BLACK&amp;layoutType=CLASSIC&amp;searchRoot=http%3A%2F%2Fneo-faeriewings. blogspot.com%2Fsearch&amp;blogLocale=en_US&amp;homepageUrl=http%3A%2F%2Fneo-faeriewings.blogspot.com%2F" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" height="30px" width="100%" id="navbar-iframe" allowtransparency="true" title="Blogger Navigation and Search"></iframe> <div></div> Neo-Faerie Wings: Your source for high quality neopets graphics

May 14, 2010

Showing your HTML Codes

This is most important to those writing tutorials! We can show HTML codes on our pages by the following ways:

  1. With the use of textareas:
    <form><textarea rows="3" cols="10" style="background-color:white; border-style:solid"> put your html codes here! </textarea></form>

    The above code will look like this:

    Don't worry, it will scroll when you put a longer html code. Now, this is used when you have a lot of codes you want your visitor to see. You can change the rows, cols, background and border attributes to your liking!

  2. With the use of &lt; and &gt; :
    These codes will appear on your page as follows: for &lt; it will appear as < and for &gt; it will appear as >.
    You can use these on shorter codes like &lt;body bgcolor=#ffffff&gt; which will appear as <body bgcolor=#ffffff>

Labels: , , ,