<?xml version="1.0" encoding="UTF-16"?>
<rss version="2.0"><channel><title>SoftXML | HTML Tutorials</title><link>http://www.softxml.com/rss/tutorials/html.xml</link><description>Tutorials</description><pubDate>Sun, 11 Jan 2009 14:27:50 EST</pubDate><language>en-us</language><image><title>SoftXML | HTML Tutorials</title><url>http://www.softxml.com/images/rsscategory.gif</url><link>http://www.softxml.com/rss/tutorials/html.xml</link><width>80</width><height>73</height></image><item><title>Introduction to HTML</title><link>http://www.softxml.com/LearnTutorial.asp?id=19803209611&amp;f=html&amp;fo=tutorials</link><description>&lt;H3&gt;What is an HTML File?&lt;/H3&gt;
&lt;UL&gt;
	&lt;LI&gt;
		HTML stands for &lt;B&gt;H&lt;/B&gt;yper &lt;B&gt;T&lt;/B&gt;ext &lt;B&gt;M&lt;/B&gt;arkup &lt;B&gt;L&lt;/B&gt;anguage
	&lt;LI&gt;
		An HTML file is a text file containing small &lt;B&gt;markup tags&lt;/B&gt;
	&lt;LI&gt;
		The markup tags tell the Web browser &lt;B&gt;how to display&lt;/B&gt;
	the page
	&lt;LI&gt;
		An HTML file must have an &lt;B&gt;htm&lt;/B&gt; or &lt;B&gt;html&lt;/B&gt;
	file extension
	&lt;LI&gt;
		An HTML file can be created using a &lt;B&gt;simple text editor&lt;/B&gt;
	&lt;/LI&gt;
&lt;/UL&gt;
&lt;HR&gt;
&lt;H3&gt;Do You Want to Try It?&lt;/H3&gt;
&lt;P&gt;If you are running Windows, start Notepad.&lt;/P&gt;
&lt;P&gt;If you are on a Mac start SimpleText.&lt;/P&gt;
&lt;P&gt;In OSX start TextEdit and change the following preferences: Select (in the 
	preferences window) "Plain text" instead of "Rich text" and then select "Ignore 
	rich text commands in HTML files". This is very important because if you don&amp;#8216;t 
	do this HTML codes probably won&amp;#8216;t work.&lt;/P&gt;
&lt;P&gt;Type in the following text:&lt;/P&gt;
&lt;table bgcolor="#ACB6C5" width="100%" border="1" style="color:white;font-weight:800" cellspacing="0"
	ID="Table1"&gt;
	&lt;tbody&gt;
		&lt;tr&gt;
			&lt;td style="color:white;font-weight:800"&gt;
				&lt;PRE style="color:white;font-weight:800"&gt;&amp;lt;html&amp;gt;
&amp;lt;head&amp;gt;
&amp;lt;title&amp;gt;Title of page&amp;lt;/title&amp;gt;
&amp;lt;/head&amp;gt;
&amp;lt;body&amp;gt;
This is my first homepage. &amp;lt;b&amp;gt;This text is bold&amp;lt;/b&amp;gt;
&amp;lt;/body&amp;gt;
&amp;lt;/html&amp;gt;&lt;/PRE&gt;
			&lt;/td&gt;
		&lt;/tr&gt;
	&lt;/tbody&gt;
&lt;/table&gt;
&lt;P&gt;Save the file as "mypage.htm".
&lt;/P&gt;
&lt;P&gt;Start your Internet browser. Select "Open" (or "Open Page") in the File menu of 
	your browser. A dialog box will appear. Select "Browse" (or "Choose File") and 
	locate the HTML file you just created - "mypage.htm" - select it and click 
	"Open". Now you should see an address in the dialog box, for example 
	"C:\MyDocuments\mypage.htm". Click OK, and the browser will display the page.&lt;/P&gt;
&lt;HR&gt;
&lt;H3&gt;Example Explained&lt;/H3&gt;
&lt;P&gt;The first tag in your HTML document is &amp;lt;html&amp;gt;. This tag tells your browser 
	that this is the start of an HTML document. The last tag in your document is 
	&amp;lt;/html&amp;gt;. This tag tells your browser that this is the end of the HTML 
	document.&lt;/P&gt;
&lt;P&gt;The text between the &amp;lt;head&amp;gt; tag and the &amp;lt;/head&amp;gt; tag is header 
	information. Header information is not displayed in the browser window.&lt;/P&gt;
&lt;P&gt;The text between the &amp;lt;title&amp;gt; tags is the title of your document. The title 
	is displayed in your browser&amp;#8216;s caption.&lt;/P&gt;
&lt;P&gt;The text between the &amp;lt;body&amp;gt; tags is the text that will be displayed in 
	your browser.&lt;/P&gt;
&lt;P&gt;The text between the &amp;lt;b&amp;gt; and &amp;lt;/b&amp;gt; tags will be displayed in a bold 
	font.&lt;/P&gt;
&lt;HR&gt;
&lt;H3&gt;HTM or HTML Extension?&lt;/H3&gt;
&lt;P&gt;When you save an HTML file, you can use either the .htm or the .html extension. 
	We have used .htm in our examples. It might be a bad habit inherited from the 
	past when some of the commonly used software only allowed three letter 
	extensions.&lt;/P&gt;
&lt;P&gt;With newer software we think it will be perfectly safe to use .html.&lt;/P&gt;
&lt;HR&gt;
&lt;H3&gt;Note on HTML Editors:&lt;/H3&gt;
&lt;P&gt;You can easily edit HTML files using a WYSIWYG (what you see is what you get) 
	editor like FrontPage, Claris Home Page, or Adobe PageMill instead of writing 
	your markup tags in a plain text file.&lt;/P&gt;
&lt;P&gt;But if you want to be a skillful Web developer, we strongly recommend that you 
	use a plain text editor to learn your primer HTML.&lt;/P&gt;
&lt;HR&gt;
&lt;H3&gt;Frequently Asked Questions&lt;/H3&gt;
&lt;P&gt;&lt;B&gt;Q: After I have edited an HTML file, I cannot view the result in my browser. Why?&lt;BR&gt;
		A: &lt;/B&gt;Make sure that you have saved the file with a proper name and 
	extension like "c:\mypage.htm". Also make sure that you use the same name when 
	you open the file in your browser.
&lt;/P&gt;
&lt;P&gt;&lt;B&gt;Q: I have tried to edit an HTML file but the changes don&amp;#8216;t show in the browser. 
		Why?&lt;BR&gt;
		A: &lt;/B&gt;The browser caches your pages so it doesn&amp;#8216;t have to read the same 
	page twice. When you have changed a page, the browser doesn&amp;#8216;t know that. Use 
	the browser&amp;#8216;s refresh/reload button to force the browser to read the edited 
	page.
&lt;/P&gt;
&lt;P&gt;&lt;B&gt;Q: What browser should I use?&lt;BR&gt;
		A: &lt;/B&gt;You can do all the training with all of the common browsers, like 
	Internet Explorer, Mozilla, Netscape, or Opera.</description><guid>http://www.softxml.com/LearnTutorial.asp?id=19803209611&amp;f=html&amp;fo=tutorials</guid><category>html</category></item><item><title>HTML Elements</title><link>http://www.softxml.com/LearnTutorial.asp?id=35693575920&amp;f=html&amp;fo=tutorials</link><description>&lt;P class=intro&gt;HTML documents are text files made up of HTML elements.&lt;/P&gt;
&lt;P class=intro&gt;HTML elements are defined using HTML tags.&lt;/P&gt;
&lt;HR&gt;

&lt;h3&gt;HTML Tags&lt;/h3&gt;
&lt;UL&gt;
&lt;LI&gt;HTML tags are used to mark-up HTML &lt;B&gt;elements&lt;/B&gt; 
&lt;LI&gt;HTML tags are surrounded by the &lt;B&gt;two characters &amp;lt; and &amp;gt;&lt;/B&gt; 
&lt;LI&gt;The surrounding characters are called &lt;B&gt;angle brackets&lt;/B&gt; 
&lt;LI&gt;HTML tags normally &lt;B&gt;come in pairs&lt;/B&gt; like &amp;lt;b&amp;gt; and &amp;lt;/b&amp;gt; 
&lt;LI&gt;The first tag in a pair is the &lt;B&gt;start tag,&lt;/B&gt; the second tag is the 
&lt;B&gt;end tag&lt;/B&gt; 
&lt;LI&gt;The text between the start and end tags is the &lt;B&gt;element content&lt;/B&gt; 
&lt;LI&gt;HTML tags are &lt;B&gt;not case sensitive,&lt;/B&gt; &amp;lt;b&amp;gt; means the same as 
&amp;lt;B&amp;gt; &lt;/LI&gt;&lt;/UL&gt;
&lt;HR&gt;

&lt;h3&gt;HTML Elements&lt;/h3&gt;
&lt;P&gt;Remember the HTML example from the previous page:&lt;/P&gt;
&lt;table bgcolor="#ACB6C5" width="100%" border="1" style=&amp;#8216;color:white;font-weight:800&amp;#8216; cellspacing="0" ID="Table1"&gt;
	&lt;tbody&gt;
		&lt;tr&gt;
			&lt;td style=color:white;font-weight:800&gt;
				&lt;PRE style=&amp;#8216;color:white;font-weight:800&amp;#8216;&gt;&amp;lt;html&amp;gt;
&amp;lt;head&amp;gt;
&amp;lt;title&amp;gt;Title of page&amp;lt;/title&amp;gt;
&amp;lt;/head&amp;gt;
&amp;lt;body&amp;gt;
This is my first homepage. &amp;lt;b&amp;gt;This text is bold&amp;lt;/b&amp;gt;
&amp;lt;/body&amp;gt;
&amp;lt;/html&amp;gt;&lt;/PRE&gt;&lt;/TD&gt;&lt;/TR&gt;&lt;/TBODY&gt;&lt;/TABLE&gt;
&lt;P&gt;This is an HTML element:&lt;/P&gt;
&lt;table bgcolor="#ACB6C5" width="100%" border="1" style=&amp;#8216;color:white;font-weight:800&amp;#8216; cellspacing="0" ID="Table2"&gt;
	&lt;tbody&gt;
		&lt;tr&gt;
			&lt;td style=color:white;font-weight:800&gt;
				&lt;PRE style=&amp;#8216;color:white;font-weight:800&amp;#8216;&gt;&amp;lt;b&amp;gt;This text is bold&amp;lt;/b&amp;gt;&lt;/PRE&gt;&lt;/TD&gt;&lt;/TR&gt;&lt;/TBODY&gt;&lt;/TABLE&gt;
&lt;P&gt;The HTML element starts with a &lt;B&gt;start tag&lt;/B&gt;: &amp;lt;b&amp;gt;&lt;BR&gt;The 
&lt;B&gt;content&lt;/B&gt; of the HTML element is: This text is bold&lt;BR&gt;The HTML element 
ends with an &lt;B&gt;end tag&lt;/B&gt;: &amp;lt;/b&amp;gt;&lt;/P&gt;
&lt;P&gt;The purpose of the &amp;lt;b&amp;gt; tag is to define an HTML element that should be 
displayed as bold.&lt;/P&gt;
&lt;P&gt;This is also an HTML element:&lt;/P&gt;
&lt;table bgcolor="#ACB6C5" width="100%" border="1" style=&amp;#8216;color:white;font-weight:800&amp;#8216; cellspacing="0" ID="Table3"&gt;
	&lt;tbody&gt;
		&lt;tr&gt;
			&lt;td style=color:white;font-weight:800&gt;
				&lt;PRE style=&amp;#8216;color:white;font-weight:800&amp;#8216;&gt;&amp;lt;body&amp;gt;
This is my first homepage. &amp;lt;b&amp;gt;This text is bold&amp;lt;/b&amp;gt;
&amp;lt;/body&amp;gt;&lt;/PRE&gt;&lt;/TD&gt;&lt;/TR&gt;&lt;/TBODY&gt;&lt;/TABLE&gt;
&lt;P&gt;This HTML element starts with the start tag &amp;lt;body&amp;gt;, and ends with the 
end tag &amp;lt;/body&amp;gt;.&lt;/P&gt;
&lt;P&gt;The purpose of the &amp;lt;body&amp;gt; tag is to define the HTML element that 
contains the body of the HTML document.&lt;/P&gt;
&lt;HR&gt;

&lt;h3&gt;Why do We Use Lowercase Tags?&lt;/h3&gt;
&lt;P&gt;We have just said that HTML tags are not case sensitive: &amp;lt;B&amp;gt; means the 
same as &amp;lt;b&amp;gt;. When you surf the Web, you will notice that most tutorials 
use uppercase HTML tags in their examples. We always use lowercase tags. 
Why?&lt;/P&gt;
&lt;P&gt;If you want to prepare yourself for the next generations of HTML, you should 
start using lowercase tags. The World Wide Web Consortium (W3C) recommends 
lowercase tags in their HTML 4 recommendation, and XHTML (the next generation 
HTML) demands lowercase tags.&lt;/P&gt;
&lt;HR&gt;

&lt;h3&gt;Tag Attributes&lt;/h3&gt;Tags can have attributes&lt;I&gt;. &lt;/I&gt;Attributes can provide 
additional information about the HTML elements on your page.
&lt;P&gt;This tag defines the body element of your HTML page: &amp;lt;body&amp;gt;. With an 
added bgcolor attribute, you can tell the browser that the background color of 
your page should be red, like this: &amp;lt;body bgcolor="red"&amp;gt;.&lt;/P&gt;
&lt;P&gt;This tag defines an HTML table: &amp;lt;table&amp;gt;. With an added border 
attribute, you can tell the browser that the table should have no borders: 
&amp;lt;table border="0"&amp;gt;&lt;/P&gt;
&lt;P&gt;Attributes always come in name/value pairs like this: name="value".&lt;/P&gt;
&lt;P&gt;Attributes are always added to the start tag of an HTML element.</description><guid>http://www.softxml.com/LearnTutorial.asp?id=35693575920&amp;f=html&amp;fo=tutorials</guid><category>html</category></item><item><title>Basic HTML Tags</title><link>http://www.softxml.com/LearnTutorial.asp?id=45515413132&amp;f=html&amp;fo=tutorials</link><description>&lt;P&gt;The most important tags in HTML are tags that define headings, paragraphs and 
	line breaks.&lt;/P&gt;
&lt;P&gt;The best way to learn HTML is to work with examples. We have created a very nice 
	HTML editor for you. With this editor, you can edit the HTML source code if you 
	like, and click on a test button to view the result.&lt;/P&gt;
&lt;HR&gt;
&lt;H3&gt;Try it Yourself - Examples&lt;/H3&gt;
&lt;P&gt;&lt;A href="http://www.w3schools.com/html/tryit.asp?filename=tryhtml_basic" target="_blank"&gt;A very simple HTML 
		document&lt;/A&gt;&lt;BR&gt;
	This example is a very simple HTML document, with only a minimum of HTML tags. 
	It demonstrates how the text inside a body element is displayed in the browser.
&lt;/P&gt;
&lt;P&gt;&lt;A href="http://www.w3schools.com/html/tryit.asp?filename=tryhtml_paragraphs1"_blank"&gt;Simple paragraphs&lt;/A&gt;&lt;BR&gt;
	This example demonstrates how the text inside paragraph elements is displayed 
	in the browser.
&lt;/P&gt;
&lt;P&gt;(You can find more examples at the bottom of this page)&lt;/P&gt;
&lt;HR&gt;
&lt;H3&gt;Headings&lt;/H3&gt;
&lt;P&gt;Headings are defined with the &amp;lt;h1&amp;gt; to &amp;lt;h6&amp;gt; tags. &amp;lt;h1&amp;gt; defines 
	the largest heading. &amp;lt;h6&amp;gt; defines the smallest heading.&lt;/P&gt;
&lt;table bgcolor="#ACB6C5" width="100%" border="1" style="color:white;font-weight:800" cellspacing="0"
	ID="Table1"&gt;
	&lt;tbody&gt;
		&lt;tr&gt;
			&lt;td style="color:white;font-weight:800"&gt;
				&lt;PRE style="color:white;font-weight:800"&gt;&amp;lt;h1&amp;gt;This is a heading&amp;lt;/h1&amp;gt;
&amp;lt;H3&amp;gt;This is a heading&amp;lt;/H3&amp;gt;
&amp;lt;h3&amp;gt;This is a heading&amp;lt;/h3&amp;gt;
&amp;lt;h4&amp;gt;This is a heading&amp;lt;/h4&amp;gt;
&amp;lt;h5&amp;gt;This is a heading&amp;lt;/h5&amp;gt;
&amp;lt;h6&amp;gt;This is a heading&amp;lt;/h6&amp;gt;&lt;/PRE&gt;
			&lt;/td&gt;
		&lt;/tr&gt;
	&lt;/tbody&gt;
&lt;/table&gt;
&lt;P&gt;HTML automatically adds an extra blank line before and after a heading.&lt;/P&gt;
&lt;HR&gt;
&lt;H3&gt;Paragraphs&lt;/H3&gt;
&lt;P&gt;Paragraphs are defined with the &amp;lt;p&amp;gt; tag.&lt;/P&gt;
&lt;table bgcolor="#ACB6C5" width="100%" border="1" style="color:white;font-weight:800" cellspacing="0"
	ID="Table2"&gt;
	&lt;tbody&gt;
		&lt;tr&gt;
			&lt;td style="color:white;font-weight:800"&gt;
				&lt;PRE style="color:white;font-weight:800"&gt;&amp;lt;p&amp;gt;This is a paragraph&amp;lt;/p&amp;gt;
&amp;lt;p&amp;gt;This is another paragraph&amp;lt;/p&amp;gt;&lt;/PRE&gt;
			&lt;/td&gt;
		&lt;/tr&gt;
	&lt;/tbody&gt;
&lt;/table&gt;
&lt;P&gt;HTML automatically adds an extra blank line before and after a paragraph.&lt;/P&gt;
&lt;HR&gt;
&lt;H3&gt;Line Breaks&lt;/H3&gt;
&lt;P&gt;The &amp;lt;br&amp;gt; tag is used when you want to end a line, but don&amp;#8216;t want to start 
	a new paragraph. The &amp;lt;br&amp;gt; tag forces a line break wherever you place it.&lt;/P&gt;
&lt;table bgcolor="#ACB6C5" width="100%" border="1" style="color:white;font-weight:800" cellspacing="0"
	ID="Table3"&gt;
	&lt;tbody&gt;
		&lt;tr&gt;
			&lt;td style="color:white;font-weight:800"&gt;
				&lt;PRE style="color:white;font-weight:800"&gt;&amp;lt;p&amp;gt;This &amp;lt;br&amp;gt; is a para&amp;lt;br&amp;gt;graph with line breaks&amp;lt;/p&amp;gt;&lt;/PRE&gt;
			&lt;/td&gt;
		&lt;/tr&gt;
	&lt;/tbody&gt;
&lt;/table&gt;
&lt;P&gt;The &amp;lt;br&amp;gt; tag is an empty tag. It has no closing tag.&lt;/P&gt;
&lt;HR&gt;
&lt;H3&gt;Comments in HTML&lt;/H3&gt;
&lt;P&gt;The comment tag is used to insert a comment in the HTML source code. A comment 
	will be ignored by the browser. You can use comments to explain your code, 
	which can help you when you edit the source code at a later date.&lt;/P&gt;
&lt;table bgcolor="#ACB6C5" width="100%" border="1" style="color:white;font-weight:800" cellspacing="0"
	ID="Table4"&gt;
	&lt;tbody&gt;
		&lt;tr&gt;
			&lt;td style="color:white;font-weight:800"&gt;
				&lt;PRE style="color:white;font-weight:800"&gt;&amp;lt;!-- This is a comment --&amp;gt;&lt;/PRE&gt;
			&lt;/td&gt;
		&lt;/tr&gt;
	&lt;/tbody&gt;
&lt;/table&gt;
&lt;P&gt;Note that you need an exclamation point after the opening bracket, but not 
	before the closing bracket.&lt;/P&gt;
&lt;HR&gt;
&lt;H3&gt;Basic Notes - Useful Tips&lt;/H3&gt;
&lt;P&gt;When you write HTML text, you can never be sure how the text is displayed in 
	another browser. Some people have large computer displays, some have small. The 
	text will be reformatted every time the user resizes his window. Never try to 
	format the text in your editor by adding empty lines and spaces to the text.&lt;/P&gt;
&lt;P&gt;HTML will truncate the spaces in your text. Any number of spaces count as one. 
	Some extra information: In HTML a new line counts as one space.
&lt;/P&gt;
&lt;P&gt;Using empty paragraphs &amp;lt;p&amp;gt; to insert blank lines is a bad habit. Use the 
	&amp;lt;br&amp;gt; tag instead. (But don&amp;#8216;t use the &amp;lt;br&amp;gt; tag to create lists. Wait 
	until you have learned about HTML lists.)&lt;/P&gt;
&lt;P&gt;You might have noticed that paragraphs can be written without the closing tag 
	&amp;lt;/p&amp;gt;. Don&amp;#8216;t rely on it. The next version of HTML will not allow you to 
	skip ANY closing tags.&lt;/P&gt;
&lt;P&gt;HTML automatically adds an extra blank line before and after some elements, like 
	before and after a paragraph, and before and after a heading.&lt;/P&gt;
&lt;P&gt;We use a horizontal rule (the &amp;lt;hr&amp;gt; tag), to separate the sections in our 
	tutorials.&lt;/P&gt;
&lt;HR&gt;
&lt;H3&gt;More Examples&lt;/H3&gt;
&lt;P&gt;&lt;A href="http://www.w3schools.com/html/tryit.asp?filename=tryhtml_paragraphs2" target="_blank"&gt;More paragraphs&lt;/A&gt;&lt;BR&gt;
	This example demonstrates some of the default behaviors of paragraph elements.
&lt;/P&gt;
&lt;P&gt;&lt;A href="http://www.w3schools.com/html/tryit.asp?filename=tryhtml_paragraphs" target="_blank"&gt;Line breaks&lt;/A&gt;&lt;BR&gt;
	This example demonstrates the use of line breaks in an HTML document.
&lt;/P&gt;
&lt;P&gt;&lt;A href="http://www.w3schools.com/html/tryit.asp?filename=tryhtml_poem" target="_blank"&gt;Poem problems&lt;/A&gt;&lt;BR&gt;
	This example demonstrates some problems with HTML formatting.
&lt;/P&gt;
&lt;P&gt;&lt;A href="http://www.w3schools.com/html/tryit.asp?filename=tryhtml_headers" target="_blank"&gt;Headings&lt;/A&gt;&lt;BR&gt;
	This example demonstrates the tags that display headings in an HTML document.&lt;/P&gt;
&lt;P&gt;&lt;A href="http://www.w3schools.com/html/tryit.asp?filename=tryhtml_header" target="_blank"&gt;Center aligned heading&lt;/A&gt;&lt;BR&gt;
	This example demonstrates a center aligned heading.&lt;/P&gt;
&lt;P&gt;&lt;A href="http://www.w3schools.com/html/tryit.asp?filename=tryhtml_hr" target="_blank"&gt;Horizontal rule&lt;/A&gt;&lt;BR&gt;
	This example demonstrates how to insert a horizontal rule.&lt;/P&gt;
&lt;P&gt;&lt;A href="http://www.w3schools.com/html/tryit.asp?filename=tryhtml_comment" target="_blank"&gt;Hidden comments&lt;/A&gt;&lt;BR&gt;
	This example demonstrates how to insert a hidden comment in the HTML source 
	code.
&lt;/P&gt;
&lt;P&gt;&lt;A href="http://www.w3schools.com/html/tryit.asp?filename=tryhtml_bodybgcol" target="_blank"&gt;Background color&lt;/A&gt;&lt;BR&gt;
	This example demonstrates adding a background-color to an HTML page.
&lt;/P&gt;
&lt;HR&gt;
&lt;H3&gt;Basic HTML Tags&lt;/H3&gt;
&lt;table bgcolor="#ACB6C5" width="100%" border="1" style="color:white;font-weight:800" cellspacing="0" ID="Table5"&gt;
	&lt;TBODY&gt;
		&lt;TR&gt;
			&lt;TH align="left"&gt;
				Tag&lt;/TH&gt;
			&lt;TH align="left"&gt;
				Description&lt;/TH&gt;&lt;/TR&gt;
		&lt;TR&gt;
			&lt;TD&gt;&lt;A href="http://www.w3schools.com/html/html_reference.asp" target=_blank&gt;&amp;lt;html&amp;gt;&lt;/A&gt;&lt;/TD&gt;
			&lt;TD&gt;Defines an HTML document&lt;/TD&gt;
		&lt;/TR&gt;
		&lt;TR&gt;
			&lt;TD&gt;&lt;A href="http://www.w3schools.com/html/html_reference.asp" target=_blank&gt;&amp;lt;body&amp;gt;&lt;/A&gt;&lt;/TD&gt;
			&lt;TD&gt;Defines the document&amp;#8216;s body&lt;/TD&gt;
		&lt;/TR&gt;
		&lt;TR&gt;
			&lt;TD&gt;&lt;A href="http://www.w3schools.com/html/html_reference.asp" target=_blank&gt;&amp;lt;h1&amp;gt; to &amp;lt;h6&amp;gt;&lt;/A&gt;&lt;/TD&gt;
			&lt;TD&gt;Defines header 1 to header 6&lt;/TD&gt;
		&lt;/TR&gt;
		&lt;TR&gt;
			&lt;TD&gt;&lt;A href="http://www.w3schools.com/html/html_reference.asp" target=_blank&gt;&amp;lt;p&amp;gt;&lt;/A&gt;&lt;/TD&gt;
			&lt;TD&gt;Defines a paragraph&lt;/TD&gt;
		&lt;/TR&gt;
		&lt;TR&gt;
			&lt;TD&gt;&lt;A href="http://www.w3schools.com/html/html_reference.</description><guid>http://www.softxml.com/LearnTutorial.asp?id=45515413132&amp;f=html&amp;fo=tutorials</guid><category>html</category></item><item><title>HTML Character Entities</title><link>http://www.softxml.com/LearnTutorial.asp?id=25015527419&amp;f=html&amp;fo=tutorials</link><description>&lt;P class="intro"&gt;Some characters like the &amp;lt; character, have a special meaning in 
	HTML, and therefore cannot be used in the text.&lt;/P&gt;
&lt;P class="intro"&gt;To display a less than sign (&amp;lt;) in HTML, we have to use a 
	character entity.&lt;/P&gt;
&lt;HR&gt;
&lt;h3&gt;Character Entities&lt;/h3&gt;
&lt;P&gt;Some characters have a special meaning in HTML, like the less than sign (&amp;lt;) 
	that defines the start of an HTML tag. If we want the browser to actually 
	display these characters we must insert character entities in the HTML source.&lt;/P&gt;
&lt;P&gt;A character entity has three parts: an ampersand (&amp;amp;), an entity name or a # 
	and an entity number, and finally a semicolon (;).
&lt;/P&gt;
&lt;P&gt;To display a less than sign in an HTML document we must write: &lt;B&gt;&amp;amp;lt;&lt;/B&gt; or
	&lt;B&gt;&amp;amp;#60;&lt;/B&gt;
&lt;/P&gt;
&lt;P&gt;The advantage of using a name instead of a number is that a name is easier to 
	remember. The disadvantage is that not all browsers support the newest entity 
	names, while the support for entity numbers is very good in almost all 
	browsers.&lt;/P&gt;
&lt;P&gt;&lt;B&gt;Note&lt;/B&gt; that the entities are case sensitive.
&lt;/P&gt;
&lt;P&gt;This example lets you experiment with character entities: &lt;A href="http://www.w3schools.com/html/tryit.asp?filename=tryhtml_entities" target="_blank"&gt;
		Character Entities&lt;/A&gt;&lt;SPAN class="ieonly"&gt; IE only&lt;/SPAN&gt;&lt;/P&gt;
&lt;HR&gt;
&lt;h3&gt;Non-breaking Space&lt;/h3&gt;
&lt;P&gt;The most common character entity in HTML is the non-breaking space.&lt;/P&gt;
&lt;P&gt;Normally HTML will truncate spaces in your text. If you write 10 spaces in your 
	text HTML will remove 9 of them. To add spaces to your text, use the &amp;amp;nbsp; 
	character entity.</description><guid>http://www.softxml.com/LearnTutorial.asp?id=25015527419&amp;f=html&amp;fo=tutorials</guid><category>html</category></item><item><title>HTML Frames</title><link>http://www.softxml.com/LearnTutorial.asp?id=8900789039&amp;f=html&amp;fo=tutorials</link><description>&lt;P class="intro"&gt;With frames, you can display more than one Web page in the same 
	browser window.&lt;/P&gt;
&lt;HR&gt;
&lt;h3&gt;Examples&lt;/h3&gt;
&lt;P&gt;&lt;A href="http://www.w3schools.com/html/tryit.asp?filename=tryhtml_frame_cols" target="_blank"&gt;Vertical frameset&lt;/A&gt;&lt;BR&gt;
	This example demonstrates how to make a vertical frameset with three different 
	documents.
&lt;/P&gt;
&lt;P&gt;&lt;A href="http://www.w3schools.com/html/tryit.asp?filename=tryhtml_frame_rows" target="_blank"&gt;Horizontal frameset&lt;/A&gt;&lt;BR&gt;
	This example demonstrates how to make a horizontal frameset with three 
	different documents.&lt;/P&gt;
&lt;P&gt;&lt;A href="http://www.w3schools.com/html/tryit.asp?filename=tryhtml_noframes" target="_blank"&gt;How to use the 
		&amp;lt;noframes&amp;gt; tag&lt;/A&gt;&lt;BR&gt;
	This example demonstrates how to use the &amp;lt;noframes&amp;gt; tag.
&lt;/P&gt;
&lt;P&gt;(You can find more examples at the bottom of this page)&lt;/P&gt;
&lt;HR&gt;
&lt;h3&gt;Frames&lt;/h3&gt;
&lt;P&gt;With frames, you can display more than one HTML document in the same browser 
	window. Each HTML document is called a frame, and each frame is independent of 
	the others.&lt;/P&gt;
&lt;P&gt;The disadvantages of using frames are:&lt;/P&gt;
&lt;UL&gt;
	&lt;LI&gt;
	The web developer must keep track of more HTML documents
	&lt;LI&gt;
		It is difficult to print the entire page
	&lt;/LI&gt;
&lt;/UL&gt;
&lt;HR&gt;
&lt;h3&gt;The Frameset Tag&lt;/h3&gt;
&lt;UL&gt;
	&lt;LI&gt;
	The &amp;lt;frameset&amp;gt; tag defines how to divide the window into frames
	&lt;LI&gt;
		Each frameset defines a set of rows &lt;B&gt;or&lt;/B&gt;
	columns
	&lt;LI&gt;
		The values of the rows/columns indicate the amount of screen area each 
		row/column will occupy
	&lt;/LI&gt;
&lt;/UL&gt;
&lt;HR&gt;
&lt;h3&gt;The Frame Tag&lt;/h3&gt;
&lt;UL&gt;
	&lt;LI&gt;
		The &amp;lt;frame&amp;gt; tag defines what HTML document to put into each frame
	&lt;/LI&gt;
&lt;/UL&gt;
&lt;P&gt;In the example below we have a frameset with two columns. The first column is 
	set to 25% of the width of the browser window. The second column is set to 75% 
	of the width of the browser window. The HTML document "frame_r.htm" is put into 
	the first column, and the HTML document "frame_r.htm" is put into the second 
	column:&lt;/P&gt;
&lt;table bgcolor="#ACB6C5" width="100%" border="1" style='color:white;font-weight:800' cellspacing="0"
	ID="Table1"&gt;
	&lt;tbody&gt;
		&lt;tr&gt;
			&lt;td style="color:white;font-weight:800"&gt;
				&lt;PRE style=&amp;#8216;color:white;font-weight:800&amp;#8216;&gt;&amp;lt;frameset cols="25%,75%"&amp;gt;
šš &amp;lt;frame src="frame_a.htm"&amp;gt;
šš &amp;lt;frame src="frame_b.</description><guid>http://www.softxml.com/LearnTutorial.asp?id=8900789039&amp;f=html&amp;fo=tutorials</guid><category>html</category></item><item><title>HTML Tables</title><link>http://www.softxml.com/LearnTutorial.asp?id=34331599336&amp;f=html&amp;fo=tutorials</link><description>&lt;P class="intro"&gt;With HTML you can create tables.&lt;/P&gt;
&lt;HR&gt;
&lt;h3&gt;Examples&lt;/h3&gt;
&lt;P&gt;&lt;A href="http://www.w3schools.com/html/tryit.asp?filename=tryhtml_tables" target="_blank"&gt;Tables&lt;/A&gt;&lt;BR&gt;
	This example demonstrates how to create tables in an HTML document.&lt;/P&gt;
&lt;P&gt;&lt;A href="http://www.w3schools.com/html/tryit.asp?filename=tryhtml_table_borders" target="_blank"&gt;Table borders&lt;/A&gt;&lt;BR&gt;
	This example demonstrates different table borders.&lt;/P&gt;
&lt;P&gt;(You can find more examples at the bottom of this page)&lt;/P&gt;
&lt;HR&gt;
&lt;h3&gt;Tables&lt;/h3&gt;
&lt;P&gt;Tables are defined with the &amp;lt;table&amp;gt; tag. Table is divided into rows 
	(with the &amp;lt;tr&amp;gt; tag), and each row is divided into data cells (with the 
	&amp;lt;td&amp;gt; tag). The letters td stands for "table data," which is the content 
	of a data cell. A data cell can contain text, images, lists, paragraphs, forms, 
	horizontal rules, tables, etc.&lt;/P&gt;
&lt;table bgcolor="#ACB6C5" width="100%" border="1" style='color:white;font-weight:800' cellspacing="0"
	ID="Table1"&gt;
	&lt;tbody&gt;
		&lt;tr&gt;
			&lt;td style="color:white;font-weight:800"&gt;
				&lt;PRE style=&amp;#8216;color:white;font-weight:800&amp;#8216;&gt;&amp;lt;table border="1"&amp;gt;
&amp;lt;tr&amp;gt;
&amp;lt;td&amp;gt;row 1, cell 1&amp;lt;/td&amp;gt;
&amp;lt;td&amp;gt;row 1, cell 2&amp;lt;/td&amp;gt;
&amp;lt;/tr&amp;gt;
&amp;lt;tr&amp;gt;
&amp;lt;td&amp;gt;row 2, cell 1&amp;lt;/td&amp;gt;
&amp;lt;td&amp;gt;row 2, cell 2&amp;lt;/td&amp;gt;
&amp;lt;/tr&amp;gt;
&amp;lt;/table&amp;gt;&lt;/PRE&gt;
			&lt;/td&gt;
		&lt;/tr&gt;
	&lt;/tbody&gt;
&lt;/table&gt;
&lt;P&gt;How it looks in a browser:&lt;/P&gt;
&lt;TABLE border="1" ID="Table2"&gt;
	&lt;TBODY&gt;
		&lt;TR&gt;
			&lt;TD&gt;row 1, cell 1&lt;/TD&gt;
			&lt;TD&gt;row 1, cell 2&lt;/TD&gt;
		&lt;/TR&gt;
		&lt;TR&gt;
			&lt;TD&gt;row 2, cell 1&lt;/TD&gt;
			&lt;TD&gt;row 2, cell 2&lt;/TD&gt;
		&lt;/TR&gt;
	&lt;/TBODY&gt;
&lt;/TABLE&gt;
&lt;BR&gt;
&lt;HR&gt;
&lt;h3&gt;Tables and the Border Attribute&lt;/h3&gt;
&lt;P&gt;If you do not specify a border attribute the table will be displayed without any 
	borders. Sometimes this can be useful, but most of the time, you want the 
	borders to show.
&lt;/P&gt;
&lt;P&gt;To display a table with borders, you will have to use the border attribute:&lt;/P&gt;
&lt;table bgcolor="#ACB6C5" width="100%" border="1" style=&amp;#8216;color:white;font-weight:800&amp;#8216; cellspacing="0"
	ID="Table3"&gt;
	&lt;tbody&gt;
		&lt;tr&gt;
			&lt;td style="color:white;font-weight:800"&gt;
				&lt;PRE style=&amp;#8216;color:white;font-weight:800&amp;#8216;&gt;&amp;lt;table border="1"&amp;gt;
&amp;lt;tr&amp;gt;
&amp;lt;td&amp;gt;Row 1, cell 1&amp;lt;/td&amp;gt;
&amp;lt;td&amp;gt;Row 1, cell 2&amp;lt;/td&amp;gt;
&amp;lt;/tr&amp;gt;
&amp;lt;/table&amp;gt;&lt;/PRE&gt;
			&lt;/td&gt;
		&lt;/tr&gt;
	&lt;/tbody&gt;
&lt;/table&gt;
&lt;BR&gt;
&lt;HR&gt;
&lt;h3&gt;Headings in a Table&lt;/h3&gt;
&lt;P&gt;Headings in a table are defined with the &amp;lt;th&amp;gt; tag.&lt;/P&gt;
&lt;table bgcolor="#ACB6C5" width="100%" border="1" style=&amp;#8216;color:white;font-weight:800&amp;#8216; cellspacing="0"
	ID="Table4"&gt;
	&lt;tbody&gt;
		&lt;tr&gt;
			&lt;td style="color:white;font-weight:800"&gt;
				&lt;PRE style=&amp;#8216;color:white;font-weight:800&amp;#8216;&gt;&amp;lt;table border="1"&amp;gt;
&amp;lt;tr&amp;gt;
&amp;lt;th&amp;gt;Heading&amp;lt;/th&amp;gt;
&amp;lt;th&amp;gt;Another Heading&amp;lt;/th&amp;gt;
&amp;lt;/tr&amp;gt;
&amp;lt;tr&amp;gt;
&amp;lt;td&amp;gt;row 1, cell 1&amp;lt;/td&amp;gt;
&amp;lt;td&amp;gt;row 1, cell 2&amp;lt;/td&amp;gt;
&amp;lt;/tr&amp;gt;
&amp;lt;tr&amp;gt;
&amp;lt;td&amp;gt;row 2, cell 1&amp;lt;/td&amp;gt;
&amp;lt;td&amp;gt;row 2, cell 2&amp;lt;/td&amp;gt;
&amp;lt;/tr&amp;gt;
&amp;lt;/table&amp;gt;&lt;/PRE&gt;
			&lt;/td&gt;
		&lt;/tr&gt;
	&lt;/tbody&gt;
&lt;/table&gt;
&lt;P&gt;How it looks in a browser:&lt;/P&gt;
&lt;table bgcolor="#ACB6C5" width="100%" border="1" style=&amp;#8216;color:white;font-weight:800&amp;#8216; cellspacing="0"
	ID="Table5"&gt;
	&lt;TBODY&gt;
		&lt;TR&gt;
			&lt;TH&gt;
				Heading&lt;/TH&gt;
			&lt;TH&gt;
				Another Heading&lt;/TH&gt;&lt;/TR&gt;
		&lt;TR&gt;
			&lt;TD&gt;row 1, cell 1&lt;/TD&gt;
			&lt;TD&gt;row 1, cell 2&lt;/TD&gt;
		&lt;/TR&gt;
		&lt;TR&gt;
			&lt;TD&gt;row 2, cell 1&lt;/TD&gt;
			&lt;TD&gt;row 2, cell 2&lt;/TD&gt;
		&lt;/TR&gt;
	&lt;/TBODY&gt;
&lt;/table&gt;
&lt;BR&gt;
&lt;HR&gt;
&lt;h3&gt;Empty Cells in a Table&lt;/h3&gt;
&lt;P&gt;Table cells with no content are not displayed very well in most browsers.&lt;/P&gt;
&lt;table bgcolor="#ACB6C5" width="100%" border="1" style=&amp;#8216;color:white;font-weight:800&amp;#8216; cellspacing="0"
	ID="Table6"&gt;
	&lt;tbody&gt;
		&lt;tr&gt;
			&lt;td style="color:white;font-weight:800"&gt;
				&lt;PRE style=&amp;#8216;color:white;font-weight:800&amp;#8216;&gt;&amp;lt;table border="1"&amp;gt;
&amp;lt;tr&amp;gt;
&amp;lt;td&amp;gt;row 1, cell 1&amp;lt;/td&amp;gt;
&amp;lt;td&amp;gt;row 1, cell 2&amp;lt;/td&amp;gt;
&amp;lt;/tr&amp;gt;
&amp;lt;tr&amp;gt;
&amp;lt;td&amp;gt;row 2, cell 1&amp;lt;/td&amp;gt;
&amp;lt;td&amp;gt;&amp;lt;/td&amp;gt;
&amp;lt;/tr&amp;gt;
&amp;lt;/table&amp;gt;&lt;/PRE&gt;
			&lt;/td&gt;
		&lt;/tr&gt;
	&lt;/tbody&gt;
&lt;/table&gt;
&lt;P&gt;How it looks in a browser:&lt;/P&gt;
&lt;table bgcolor="#ACB6C5" width="100%" border="1" style=&amp;#8216;color:white;font-weight:800&amp;#8216; cellspacing="0"
	ID="Table7"&gt;
	&lt;TBODY&gt;
		&lt;TR&gt;
			&lt;TD&gt;row 1, cell 1&lt;/TD&gt;
			&lt;TD&gt;row 1, cell 2&lt;/TD&gt;
		&lt;/TR&gt;
		&lt;TR&gt;
			&lt;TD&gt;row 2, cell 1&lt;/TD&gt;
			&lt;TD&gt;&lt;/TD&gt;
		&lt;/TR&gt;
	&lt;/TBODY&gt;
&lt;/table&gt;
&lt;P&gt;Note that the borders around the empty table cell are missing (NB! Mozilla 
	Firefox displays the border).</description><guid>http://www.softxml.com/LearnTutorial.asp?id=34331599336&amp;f=html&amp;fo=tutorials</guid><category>html</category></item><item><title>HTML Lists</title><link>http://www.softxml.com/LearnTutorial.asp?id=43028337813&amp;f=html&amp;fo=tutorials</link><description>&lt;P class="intro"&gt;HTML supports ordered, unordered and definition lists.&lt;/P&gt;
&lt;HR&gt;
&lt;h3&gt;Examples&lt;/h3&gt;
&lt;P&gt;&lt;A href="http://www.w3schools.com/html/tryit.asp?filename=tryhtml_lists4" target="_blank"&gt;An unordered list&lt;/A&gt;&lt;BR&gt;
	This example demonstrates an unordered list.&lt;/P&gt;
&lt;P&gt;&lt;A href="http://www.w3schools.com/html/tryit.asp?filename=tryhtml_lists" target="_blank"&gt;An ordered list&lt;/A&gt;&lt;BR&gt;
	This example demonstrates an ordered list.&lt;/P&gt;
&lt;P&gt;(You can find more examples at the bottom of this page)&lt;/P&gt;
&lt;HR&gt;
&lt;h3&gt;Unordered Lists&lt;/h3&gt;
&lt;P&gt;An unordered list is a list of items. The list items are marked with bullets 
	(typically small black circles).&lt;/P&gt;
&lt;P&gt;An unordered list starts with the ul tag. Each list item starts with the 
	li tag.&lt;/P&gt;
&lt;table bgcolor="#ACB6C5" width="100%" border="1" style='color:white;font-weight:800' cellspacing="0"
	ID="Table1"&gt;
	&lt;tbody&gt;
		&lt;tr&gt;
			&lt;td style="color:white;font-weight:800"&gt;
				&lt;PRE style=&amp;#8216;color:white;font-weight:800&amp;#8216;&gt;&amp;lt;ul&amp;gt;
&amp;lt;li&amp;gt;Coffee&amp;lt;/li&amp;gt;
&amp;lt;li&amp;gt;Milk&amp;lt;/li&amp;gt;
&amp;lt;/ul&amp;gt;&lt;/PRE&gt;
			&lt;/td&gt;
		&lt;/tr&gt;
	&lt;/tbody&gt;
&lt;/table&gt;
&lt;P&gt;Here is how it looks in a browser:&lt;/P&gt;
&lt;UL&gt;
	&lt;LI&gt;
	Coffee
	&lt;LI&gt;
		Milk
	&lt;/LI&gt;
&lt;/UL&gt;
&lt;P&gt;Inside a list item you can put paragraphs, line breaks, images, links, other 
	lists, etc.&lt;/P&gt;
&lt;HR&gt;
&lt;h3&gt;Ordered Lists&lt;/h3&gt;
&lt;P&gt;An ordered list is also a list of items. The list items are marked with numbers.&lt;/P&gt;
&lt;P&gt;An ordered list starts with the &amp;lt;ol&amp;gt; tag. Each list item starts with the 
	&amp;lt;li&amp;gt; tag.&lt;/P&gt;
&lt;table bgcolor="#ACB6C5" width="100%" border="1" style=&amp;#8216;color:white;font-weight:800&amp;#8216; cellspacing="0"
	ID="Table2"&gt;
	&lt;tbody&gt;
		&lt;tr&gt;
			&lt;td style="color:white;font-weight:800"&gt;
				&lt;PRE style=&amp;#8216;color:white;font-weight:800&amp;#8216;&gt;&amp;lt;ol&amp;gt;
&amp;lt;li&amp;gt;Coffee&amp;lt;/li&amp;gt;
&amp;lt;li&amp;gt;Milk&amp;lt;/li&amp;gt;
&amp;lt;/ol&amp;gt;&lt;/PRE&gt;
			&lt;/td&gt;
		&lt;/tr&gt;
	&lt;/tbody&gt;
&lt;/table&gt;
&lt;P&gt;Here is how it looks in a browser:&lt;/P&gt;
&lt;OL&gt;
	&lt;LI&gt;
	Coffee
	&lt;LI&gt;
		Milk
	&lt;/LI&gt;
&lt;/OL&gt;
&lt;P&gt;Inside a list item you can put paragraphs, line breaks, images, links, other 
	lists, etc.&lt;/P&gt;
&lt;HR&gt;
&lt;h3&gt;Definition Lists&lt;/h3&gt;
&lt;P&gt;A definition list is &lt;B&gt;not&lt;/B&gt; a list of items. This is a list of terms and 
	explanation of the terms.&lt;/P&gt;
&lt;P&gt;A definition list starts with the &amp;lt;dl&amp;gt; tag. Each definition-list term 
	starts with the &amp;lt;dt&amp;gt; tag. Each definition-list definition starts with the 
	&amp;lt;dd&amp;gt; tag.</description><guid>http://www.softxml.com/LearnTutorial.asp?id=43028337813&amp;f=html&amp;fo=tutorials</guid><category>html</category></item><item><title>HTML Forms and Input</title><link>http://www.softxml.com/LearnTutorial.asp?id=49310662750&amp;f=html&amp;fo=tutorials</link><description>&lt;P class="intro"&gt;HTML Forms are used to select different kinds of user input.&lt;/P&gt;
&lt;HR&gt;
&lt;h3&gt;Examples&lt;/h3&gt;
&lt;P&gt;&lt;A href="http://www.w3schools.com/html/tryit.asp?filename=tryhtml_input" target="_blank"&gt;Text fields&lt;/A&gt;&lt;BR&gt;
	This example demonstrates how to create text fields on an HTML page. A user can 
	write text in a text field.&lt;/P&gt;
&lt;P&gt;&lt;A href="http://www.w3schools.com/html/tryit.asp?filename=tryhtml_inputpassword" target="_blank"&gt;Password fields&lt;/A&gt;&lt;BR&gt;
	This example demonstrates how to create a password field on an HTML page.&lt;/P&gt;
&lt;P&gt;(You can find more examples at the bottom of this page)&lt;/P&gt;
&lt;HR&gt;
&lt;h3&gt;Forms&lt;/h3&gt;
&lt;P&gt;A form is an area that can contain form elements.&lt;/P&gt;
&lt;P&gt;Form elements are elements that allow the user to enter information (like text 
	fields, textarea fields, drop-down menus, radio buttons, checkboxes, etc.) in a 
	form.&lt;/P&gt;
&lt;P&gt;A form is defined with the &amp;lt;form&amp;gt; tag.&lt;/P&gt;
&lt;table bgcolor="#ACB6C5" width="100%" border="1" style='color:white;font-weight:800&amp;#8216; cellspacing="0"
	ID="Table1"&gt;
	&lt;tbody&gt;
		&lt;tr&gt;
			&lt;td style="color:white;font-weight:800"&gt;
				&lt;PRE style=&amp;#8216;color:white;font-weight:800&amp;#8216;&gt;&amp;lt;form&amp;gt;
  &amp;lt;input&amp;gt;
  &amp;lt;input&amp;gt;
&amp;lt;/form&amp;gt;&lt;/PRE&gt;
			&lt;/td&gt;
		&lt;/tr&gt;
	&lt;/tbody&gt;
&lt;/table&gt;
&lt;BR&gt;
&lt;HR&gt;
&lt;h3&gt;Input&lt;/h3&gt;
&lt;P&gt;The most used form tag is the &amp;lt;input&amp;gt; tag. The type of input is specified 
	with the type attribute. The most commonly used input types are explained 
	below.&lt;/P&gt;
&lt;H3&gt;Text Fields&lt;/H3&gt;
&lt;P&gt;Text fields are used when you want the user to type letters, numbers, etc. in a 
	form.&lt;/P&gt;
&lt;table bgcolor="#ACB6C5" width="100%" border="1" style=&amp;#8216;color:white;font-weight:800&amp;#8216; cellspacing="0"
	ID="Table2"&gt;
	&lt;tbody&gt;
		&lt;tr&gt;
			&lt;td style="color:white;font-weight:800"&gt;
				&lt;PRE style=&amp;#8216;color:white;font-weight:800&amp;#8216;&gt;&amp;lt;form&amp;gt;
First name: 
&amp;lt;input type="text" name="firstname"&amp;gt;
&amp;lt;br&amp;gt;
Last name: 
&amp;lt;input type="text" name="lastname"&amp;gt;
&amp;lt;/form&amp;gt;&lt;/PRE&gt;
			&lt;/td&gt;
		&lt;/tr&gt;
	&lt;/tbody&gt;
&lt;/table&gt;
&lt;P&gt;How it looks in a browser:&lt;/P&gt;
&lt;FORM action="" ID="Form1"&gt;
	First name: &lt;INPUT name="firstname" ID="Text1"&gt;
	&lt;BR&gt;
	Last name: &lt;INPUT name="lastname" ID="Text2"&gt;
&lt;/FORM&gt;
&lt;P&gt;Note that the form itself is not visible. Also note that in most browsers, the 
	width of the text field is 20 characters by default.
&lt;/P&gt;
&lt;H3&gt;Radio Buttons&lt;/H3&gt;
&lt;P&gt;Radio Buttons are used when you want the user to select one of a limited number 
	of choices.&lt;/P&gt;
&lt;table bgcolor="#ACB6C5" width="100%" border="1" style=&amp;#8216;color:white;font-weight:800&amp;#8216; cellspacing="0"
	ID="Table3"&gt;
	&lt;tbody&gt;
		&lt;tr&gt;
			&lt;td style="color:white;font-weight:800"&gt;
				&lt;PRE style=&amp;#8216;color:white;font-weight:800&amp;#8216;&gt;&amp;lt;form&amp;gt;
&amp;lt;input type="radio" name="sex" value="male"&amp;gt; Male
&amp;lt;br&amp;gt;
&amp;lt;input type="radio" name="sex" value="female"&amp;gt; Female
&amp;lt;/form&amp;gt;&lt;/PRE&gt;
			&lt;/td&gt;
		&lt;/tr&gt;
	&lt;/tbody&gt;
&lt;/table&gt;
&lt;P&gt;How it looks in a browser:&lt;/P&gt;
&lt;FORM action="" ID="Form2"&gt;
	&lt;INPUT type="radio" value="male" name="sex" ID="Radio1"&gt; Male
	&lt;BR&gt;
	&lt;INPUT type="radio" value="female" name="sex" ID="Radio2"&gt; Female
&lt;/FORM&gt;
&lt;P&gt;Note that only one option can be chosen.
&lt;/P&gt;
&lt;H3&gt;Checkboxes
&lt;/H3&gt;
&lt;P&gt;Checkboxes are used when you want the user to select one or more options of a 
	limited number of choices.&lt;/P&gt;
&lt;table bgcolor="#ACB6C5" width="100%" border="1" style=&amp;#8216;color:white;font-weight:800&amp;#8216; cellspacing="0"
	ID="Table4"&gt;
	&lt;tbody&gt;
		&lt;tr&gt;
			&lt;td style="color:white;font-weight:800"&gt;
				&lt;PRE style=&amp;#8216;color:white;font-weight:800&amp;#8216;&gt;&amp;lt;form&amp;gt;
&amp;lt;input type="checkbox" name="bike"&amp;gt;
I have a bike
&amp;lt;br&amp;gt;
&amp;lt;input type="checkbox" name="car"&amp;gt;
I have a car
&amp;lt;/form&amp;gt;&lt;/PRE&gt;
			&lt;/td&gt;
		&lt;/tr&gt;
	&lt;/tbody&gt;
&lt;/table&gt;
&lt;P&gt;How it looks in a browser:&lt;/P&gt;
&lt;FORM action="" ID="Form3"&gt;
	&lt;INPUT type="checkbox" value="ON" name="bike" ID="Checkbox1"&gt; I have a bike
	&lt;BR&gt;
	&lt;INPUT type="checkbox" value="ON" name="car" ID="Checkbox2"&gt; I have a car
&lt;/FORM&gt;
&lt;HR&gt;
&lt;h3&gt;The Form&amp;#8216;s Action Attribute and the Submit Button&lt;/h3&gt;
&lt;P&gt;When the user clicks on the "Submit" button, the content of the form is sent to 
	another file. The form&amp;#8216;s action attribute defines the name of the file to send 
	the content to. The file defined in the action attribute usually does something 
	with the received input.&lt;/P&gt;
&lt;table bgcolor="#ACB6C5" width="100%" border="1" style=&amp;#8216;color:white;font-weight:800&amp;#8216; cellspacing="0"
	ID="Table5"&gt;
	&lt;tbody&gt;
		&lt;tr&gt;
			&lt;td style="color:white;font-weight:800"&gt;
				&lt;PRE style=&amp;#8216;color:white;font-weight:800&amp;#8216;&gt;&amp;lt;form name="input" action="html_form_action.</description><guid>http://www.softxml.com/LearnTutorial.asp?id=49310662750&amp;f=html&amp;fo=tutorials</guid><category>html</category></item><item><title>HTML Backgrounds</title><link>http://www.softxml.com/LearnTutorial.asp?id=44657392109&amp;f=html&amp;fo=tutorials</link><description>&lt;h3&gt;Examples&lt;/h3&gt;
&lt;P&gt;&lt;A href="tryit.asp?filename=tryhtml_back_good" target="_blank"&gt;Good background and 
		text color&lt;/A&gt;&lt;BR&gt;
	An example of a background color and a text color that makes the text on the 
	page easy to read.
&lt;/P&gt;
&lt;P&gt;&lt;A href="tryit.asp?filename=tryhtml_back_bad" target="_blank"&gt;Bad background and 
		text color&lt;/A&gt;&lt;BR&gt;
	An example of a background color and a text color that makes the text on the 
	page difficult to read.
&lt;/P&gt;
&lt;P&gt;(You can find more examples at the bottom of this page)&lt;/P&gt;
&lt;HR&gt;
&lt;h3&gt;Backgrounds&lt;/h3&gt;
&lt;P&gt;The &amp;lt;body&amp;gt; tag has two attributes where you can specify backgrounds. The 
	background can be a color or an image.&lt;/P&gt;
&lt;H3&gt;Bgcolor&lt;/H3&gt;
&lt;P&gt;The bgcolor attribute sets the background to a color. The value of this 
	attribute can be a hexadecimal number, an RGB value, or a color name.&lt;/P&gt;
&lt;table bgcolor="#ACB6C5" width="100%" border="1" style=&amp;#8216;color:white;font-weight:800&amp;#8216; cellspacing="0"
	ID="Table1"&gt;
	&lt;tbody&gt;
		&lt;tr&gt;
			&lt;td style="color:white;font-weight:800"&gt;
				&lt;PRE style=&amp;#8216;color:white;font-weight:800&amp;#8216;&gt;&amp;lt;body bgcolor="#000000"&amp;gt;
&amp;lt;body bgcolor="rgb(0,0,0)"&amp;gt;
&amp;lt;body bgcolor="black"&amp;gt;&lt;/PRE&gt;
			&lt;/td&gt;
		&lt;/tr&gt;
	&lt;/tbody&gt;
&lt;/table&gt;
&lt;P&gt;The lines above all set the background color to black.
&lt;/P&gt;
&lt;H3&gt;Background&lt;/H3&gt;
&lt;P&gt;The background attribute sets the background to an image. The value of this 
	attribute is the URL of the image you want to use. If the image is smaller than 
	the browser window, the image will repeat itself until it fills the entire 
	browser window.&lt;/P&gt;
&lt;table bgcolor="#ACB6C5" width="100%" border="1" style=&amp;#8216;color:white;font-weight:800&amp;#8216; cellspacing="0"
	ID="Table2"&gt;
	&lt;tbody&gt;
		&lt;tr&gt;
			&lt;td style="color:white;font-weight:800"&gt;
				&lt;PRE style=&amp;#8216;color:white;font-weight:800&amp;#8216;&gt;&amp;lt;body background="clouds.gif"&amp;gt;
&amp;lt;body background="http://www.w3schools.com/clouds.gif"&amp;gt;&lt;/PRE&gt;
			&lt;/td&gt;
		&lt;/tr&gt;
	&lt;/tbody&gt;
&lt;/table&gt;
&lt;P&gt;The URL can be relative (as in the first line above) or absolute (as in the 
	second line above).&lt;/P&gt;
&lt;P&gt;&lt;B&gt;Note: &lt;/B&gt;If you want to use a background image, you should keep in mind:&lt;/P&gt;
&lt;UL&gt;
	&lt;LI&gt;
	Will the background image increase the loading time too much? Tip: Image files 
	should be maximum 10k
	&lt;LI&gt;
	Will the background image look good with other images on the page?
	&lt;LI&gt;
	Will the background image look good with the text colors on the page?
	&lt;LI&gt;
	Will the background image look good when it is repeated on the page?
	&lt;LI&gt;
		Will the background image take away the focus from the text?
	&lt;/LI&gt;
&lt;/UL&gt;
&lt;HR&gt;
&lt;h3&gt;Basic Notes - Useful Tips&lt;/h3&gt;
&lt;P&gt;The bgcolor, background, and the text attributes in the &amp;lt;body&amp;gt; tag are 
	deprecated in the latest versions of HTML (HTML 4 and XHTML).</description><guid>http://www.softxml.com/LearnTutorial.asp?id=44657392109&amp;f=html&amp;fo=tutorials</guid><category>html</category></item><item><title>HTML Images</title><link>http://www.softxml.com/LearnTutorial.asp?id=41744758164&amp;f=html&amp;fo=tutorials</link><description>&lt;P class=intro&gt;With HTML you can display images in a document.&lt;/P&gt;
&lt;HR&gt;

&lt;h3&gt;Examples&lt;/h3&gt;
&lt;P&gt;&lt;A href="http://www.w3schools.com/html/tryit.asp?filename=tryhtml_images" target=_blank&gt;Insert 
images&lt;/A&gt;&lt;BR&gt;This example demonstrates how to display images in your Web 
page.&lt;/P&gt;
&lt;P&gt;&lt;A href="http://www.w3schools.com/html/tryit.asp?filename=tryhtml_images2" target=_blank&gt;Insert images from 
different locations&lt;/A&gt;&lt;BR&gt;This example demonstrates how to display images from 
another folder or another server in your Web page.&lt;/P&gt;
&lt;P&gt;(You can find more examples at the bottom of this page)&lt;/P&gt;
&lt;HR&gt;

&lt;h3&gt;The Image Tag and the Src Attribute &lt;/h3&gt;
&lt;P&gt;In HTML, images are defined with the &amp;lt;img&amp;gt; tag.š &lt;/P&gt;
&lt;P&gt;The &amp;lt;img&amp;gt; tagšis empty, which means that it contains attributes only 
and it has no closing tag. &lt;/P&gt;
&lt;P&gt;To display an image on a page, you need to use the src attribute. Src stands 
for "source". The value of the src attribute is the URL of the image you want to 
display on your page. &lt;/P&gt;
&lt;P&gt;The syntax of defining an image:&lt;/P&gt;
&lt;table bgcolor="#ACB6C5" width="100%" border="1" style='color:white;font-weight:800&amp;#8216; cellspacing="0" ID="Table1"&gt;
	&lt;tbody&gt;
		&lt;tr&gt;
			&lt;td style=color:white;font-weight:800&gt;
				&lt;PRE style=&amp;#8216;color:white;font-weight:800&amp;#8216;&gt;&amp;lt;img src="url"&amp;gt;&lt;/PRE&gt;&lt;/TD&gt;&lt;/TR&gt;&lt;/TBODY&gt;&lt;/TABLE&gt;
&lt;P&gt;The URL points to the location where the image is stored. An image named 
"boat.gif" located in the directory "images" on "www.w3schools.com" has the URL: 
http://www.w3schools.com/images/boat.gif. &lt;/P&gt;
&lt;P&gt;The browser puts the image where the image tag occurs in the document. If you 
put an image tag between two paragraphs, the browser shows the first paragraph, 
then the image, and then the second paragraph. &lt;/P&gt;
&lt;HR&gt;

&lt;h3&gt;The Alt Attribute &lt;/h3&gt;
&lt;P&gt;The alt attribute is used to define an "alternate text" for an image. The 
value of the alt attribute is an author-defined text: &lt;/P&gt;
&lt;table bgcolor="#ACB6C5" width="100%" border="1" style=&amp;#8216;color:white;font-weight:800&amp;#8216; cellspacing="0" ID="Table2"&gt;
	&lt;tbody&gt;
		&lt;tr&gt;
			&lt;td style=color:white;font-weight:800&gt;
				&lt;PRE style=&amp;#8216;color:white;font-weight:800&amp;#8216;&gt;&amp;lt;img src="boat.gif" alt="Big Boat"&amp;gt;&lt;/PRE&gt;&lt;/TD&gt;&lt;/TR&gt;&lt;/TBODY&gt;&lt;/TABLE&gt;
&lt;P&gt;The "alt" attribute tells the reader what he or she is missing on a page if 
the browser can&amp;#8216;t load images. The browser will then display the alternate text 
instead of the image.</description><guid>http://www.softxml.com/LearnTutorial.asp?id=41744758164&amp;f=html&amp;fo=tutorials</guid><category>html</category></item></channel></rss>