<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Pressing the Red Button &#187; HTML</title>
	<atom:link href="http://www.pressthered.com/tag/html/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.pressthered.com</link>
	<description>Adventures in Software Development</description>
	<lastBuildDate>Sun, 08 Jan 2012 21:28:09 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Less Than and Greater Than Signs in HTML</title>
		<link>http://www.pressthered.com/less_than_and_greater_than_signs_in_html/</link>
		<comments>http://www.pressthered.com/less_than_and_greater_than_signs_in_html/#comments</comments>
		<pubDate>Tue, 07 Jul 2009 06:52:47 +0000</pubDate>
		<dc:creator>jim.richmond</dc:creator>
				<category><![CDATA[Tech Tips]]></category>
		<category><![CDATA[HTML]]></category>

		<guid isPermaLink="false">http://www.pressthered.com/?p=443</guid>
		<description><![CDATA[In HTML, you can not use the less than or greater than signs. You must use a special syntax to represent these reserved characters in HTML. These symbols are written as Character Entities: The less than sign(&#60;):&#160;&#160; &#38;lt; The greater than sign(&#62;):&#160;&#160; &#38;gt; Other Common Reserved Characters and their Character Entities: The non breaking space(&#160;):&#160;&#160; [...]]]></description>
			<content:encoded><![CDATA[<p>In HTML, you can not use the less than or greater than signs. You must use a special syntax to represent these reserved characters in HTML. These symbols are written as Character Entities:</p>
<ul>
<li>The less than sign(&lt;):&nbsp;&nbsp;<strong> &amp;lt;</strong></li>
<li>The greater than sign(&gt;):&nbsp;&nbsp;<strong> &amp;gt;</strong> </li>
</ul>
<ul>
Other Common Reserved Characters and their Character Entities:</p>
<li>The non breaking space(&nbsp;):&nbsp;&nbsp;<strong> &amp;nbsp;</strong>  </li>
<li>The ampersand(&amp;):&nbsp;&nbsp;<strong> &amp;amp;</strong>  </li>
<li>The copyright symbo(&copy;):&nbsp;&nbsp;<strong> &amp;copy;</strong>  </li>
</ul>
<p><a href="http://www.w3schools.com/HTML/html_entities.asp">Additional Reference</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.pressthered.com/less_than_and_greater_than_signs_in_html/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Using Tabs in a WordPress Post</title>
		<link>http://www.pressthered.com/using_tabs_in_a_wordpress_post/</link>
		<comments>http://www.pressthered.com/using_tabs_in_a_wordpress_post/#comments</comments>
		<pubDate>Fri, 03 Jul 2009 06:16:19 +0000</pubDate>
		<dc:creator>jim.richmond</dc:creator>
				<category><![CDATA[Tech Tips]]></category>
		<category><![CDATA[HTML]]></category>

		<guid isPermaLink="false">http://www.pressthered.com/?p=426</guid>
		<description><![CDATA[Here is an example of using tab characters in a blog post. To get this: Column1&#09;Column2 A&#09;Apple B&#09;Banana C&#09;Coconut You can copy and paste this: &#60;pre&#62; Column1 &#38;#09; Column2 A &#38;#09; Apple B &#38;#09; Banana C &#38;#09; Coconut &#60;/pre&#62; The trick to this is using the &#8216;&#60;pre&#62;&#8217; tag and the html entity code for tab: [...]]]></description>
			<content:encoded><![CDATA[<p>Here is an example of using tab characters in a blog post. </p>
<p><strong>To get this:</strong></p>
<pre>
Column1&#09;Column2
A&#09;Apple
B&#09;Banana
C&#09;Coconut
</pre>
<p><code></code><br />
<strong>You can copy and paste this:</strong><br />
&lt;pre&gt;<br />
Column1 &amp;#09; Column2<br />
A &amp;#09; Apple<br />
B &amp;#09; Banana<br />
C &amp;#09; Coconut<br />
&lt;/pre&gt;</p>
<p>The trick to this is using the &#8216;&lt;pre&gt;&#8217; tag and the html entity code for tab: &#8216;&amp;#09;&#8217;.</p>
<p>Another option is to use html table tags however I find this method easier if I only have a few columns.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.pressthered.com/using_tabs_in_a_wordpress_post/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>NoWrap in ASP.Net</title>
		<link>http://www.pressthered.com/nowrap_in_aspnet/</link>
		<comments>http://www.pressthered.com/nowrap_in_aspnet/#comments</comments>
		<pubDate>Fri, 26 Jun 2009 06:26:03 +0000</pubDate>
		<dc:creator>jim.richmond</dc:creator>
				<category><![CDATA[Tech Tips]]></category>
		<category><![CDATA[ASP.Net]]></category>
		<category><![CDATA[HTML]]></category>

		<guid isPermaLink="false">http://www.pressthered.com/?p=341</guid>
		<description><![CDATA[If you want your table column to not wrap in ASP.Net, you can use the NoWrap property in the tag like so: &#60;td nowrap="nowrap"> content &#60;/td> This makes the code xhtml compliant and prevents warnings in the source view of designer in Visual Studio. Normally you could just specify a nowrap attribute by itself in [...]]]></description>
			<content:encoded><![CDATA[<p>If you want your table column to <strong>not wrap</strong> in ASP.Net, you can use the <strong>NoWrap</strong> property in the <TD> tag like so:</p>
<pre name="code" class="html">
&lt;td nowrap="nowrap">
 content
&lt;/td>
</pre>
<p>This makes the code xhtml compliant and prevents warnings in the source view of designer in Visual Studio. Normally you could just specify a nowrap attribute by itself in plain html. </p>
<p>Or the CSS equivalent of setting nowrap:</p>
<pre name="code" class="html">
&lt;td style="white-space:nowrap;">
 content
&lt;/td>
</pre>
<p>Again, using the first option will prevent warnings in source view.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.pressthered.com/nowrap_in_aspnet/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Taking Shortcuts with Internal Style Sheets</title>
		<link>http://www.pressthered.com/taking_shortcuts_with_internal_style_sheets/</link>
		<comments>http://www.pressthered.com/taking_shortcuts_with_internal_style_sheets/#comments</comments>
		<pubDate>Mon, 23 Mar 2009 03:13:24 +0000</pubDate>
		<dc:creator>jim.richmond</dc:creator>
				<category><![CDATA[Tech Tips]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>

		<guid isPermaLink="false">http://www.pressingtheredbutton.com/?p=65</guid>
		<description><![CDATA[As simple as it is, I can never remember the syntax for defining a block of css within html. It is of course better practice to put your css in a seperate file and reference it. However, here is sample snippet to define internal style(s): PLAIN TEXT HTML: &#60;style type="text/css"&#62; body {color: blue} a {color: [...]]]></description>
			<content:encoded><![CDATA[<p>As simple as it is, I can never remember the syntax for defining a block of css within html. It is of course better practice to put your css in a seperate file and reference it. However, here is sample snippet to define internal style(s):</p>
<div class="igBar"><span id="lhtml-3"><a href="#" onclick="javascript:showPlainTxt('html-3'); return false;">PLAIN TEXT</a></span></div>
<div class="syntax_hilite"><span class="langName">HTML:</span>
<div id="html-3">
<div class="html">
<ol>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #009900;"><a href="http://december.com/html/4/element/style.html"><span style="color: #000000; font-weight: bold;">&lt;style</span></a> <span style="color: #000066;">type</span>=<span style="color: #ff0000;">"text/css"</span><span style="color: #000000; font-weight: bold;">&gt;</span></a></span></div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">body {color: blue}</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">a {color: blue; font-weight:bold;}</div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">#id_comment {width: 100px;}</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/style&gt;</span></span> </div>
</li>
</ol>
</div>
</div>
</div>
<p></p>
<p>And if you change your mind, here is a sample with the css in its own file:</p>
<div class="igBar"><span id="lhtml-4"><a href="#" onclick="javascript:showPlainTxt('html-4'); return false;">PLAIN TEXT</a></span></div>
<div class="syntax_hilite"><span class="langName">HTML:</span>
<div id="html-4">
<div class="html">
<ol>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #009900;"><a href="http://december.com/html/4/element/head.html"><span style="color: #000000; font-weight: bold;">&lt;head&gt;</span></a></span></div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #009900;"><a href="http://december.com/html/4/element/link.html"><span style="color: #000000; font-weight: bold;">&lt;link</span></a> <span style="color: #000066;">rel</span>=<span style="color: #ff0000;">"stylesheet"</span> <span style="color: #000066;">type</span>=<span style="color: #ff0000;">"text/css"</span> <span style="color: #000066;">href</span>=<span style="color: #ff0000;">"thestyle.css"</span> /<span style="color: #000000; font-weight: bold;">&gt;</span></a></span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/head&gt;</span></span> </div>
</li>
</ol>
</div>
</div>
</div>
<p></p>
<p><a href="http://www.w3schools.com/CSS/css_howto.asp">Here is a css reference.</a></p>
<p><strong>Why are Internal Style Sheets helpful?</strong><br />
If you are a developer and you like taking shortcuts. Your html designer is not going to approve, but just tell him that it's a beta.<br />
Speaking on which, It's also good for testing. Most recently, I was using a third party Django comments module that had some style that I wanted adjusted. Instead of hunting down the source, the quick test was to define the needed style adjustments right before the tag. </p>
]]></content:encoded>
			<wfw:commentRss>http://www.pressthered.com/taking_shortcuts_with_internal_style_sheets/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

