| With the purchase of the Web Design Mastery website design course, not only will you SAVE $30, but for a VERY LIMITED TIME, you will also receive... | | 25 step by step instructional videos to assist you in using the free WordPress software to set up a blog or website in 10 minutes. | 98 megs of graphics for your websites, blogs, ebooks and sales pages. See the sales page for samples of the images. |
Visit the Web Design Mastery site... |
If you're doing business on the Internet, taking the time to learn how to design your own web site and write your own HTML code (hypertext markup language) will play a major role in your success. Not only will learning HTML coding provide you with the freedom to update your own HTML documents, but it will also save you a great deal of money, as you will be able to avoid hiring a professional web designer.
If you're looking for some HTML tags to spice up your web site, you've come to the right place. You will find a variety of HTML codes and tips to assist you below.
However, before reviewing the HTML tags, if you're new to HTML and web site design, the following section will assist you in creating an HTML web page. For additional web site design information, make sure you don't miss the web design articles and tutorials at the bottom of this page. Creating an HTML Page
A web page is created using a language called, Hypertext Markup Language, better known as HTML Code. You can write your own coding within a plain text editor, such as Note Pad, or use an HTML editor, which will write the code for you.
HTML codes, also referred to as HTML tags, are enclosed by the lesser than (<) and greater than (>) brackets and may be written in capital or lower case letters.
The opening bracket is followed by an element, which is a browser command, and ends with the closing bracket.
<font size=2>
An element may also be followed by attributes, which are words describing the properties of the element, and further instruct the browser.
size=2>
Attributes are only contained in the opening HTML tags to the right of the element and are separated by a space and followed by an equal (=) sign.
The value follows the equal sign and is enclosed in quotes.
2> Basic HTML Document Code Structure
Begin writing your HTML tags by creating your document's basic layout. Copy and paste this code into your text or HTML editor.
Your Page Title
This area will contain everything that will be visible through a web browser, such as text and graphics. All of the information will be HTML coded.
For a complete list of HTML codes, tags and examples, see the HTML chart below.
|
| |
- Begins your HTML document.
- Contains information about the page such as the TITLE, META tags for proper Search Engine indexing, STYLE tags, which determine the page layout, and JavaScript coding for special effects.
</b>- The TITLE of your page. This will be visible in the title bar of the viewers’ browser.
<b> - Closes the HTML tag.
<b></head> </b>- Closes the HTML <head> tag.
<b><body></b> - This is where you will begin writing your document and placing your HTML codes.
<b></body></b> - Closes the HTML <body> tag.
<b></html></b> - Closes the <html> tag.</span></p><p></p><h2 align="left" style="font-family: arial, verdana, sans-serif; font-size: 16px; text-align: left; color: navy; "> How to Copy and Paste HTML Tags / Codes</h2><p align="Left"><span name="KonaBody">To copy and paste the HTML tags / codes from the HTML chart below into the HTML of <a href="http://www.web-source.net/html_codes_chart.htm#" class="kLink" id="KonaLink1" style="color: rgb(0, 0, 192); cursor: pointer; font-family: inherit !important; border-top-width: 0px !important; border-right-width: 0px !important; border-bottom-width: 0px !important; border-left-width: 0px !important; border-top-style: none !important; border-right-style: none !important; border-bottom-style: none !important; border-left-style: none !important; border-top-color: transparent !important; border-right-color: transparent !important; border-bottom-color: transparent !important; border-left-color: transparent !important; border-image: initial !important; background-image: none !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; display: inline !important; top: 0px; right: 0px; bottom: 0px; left: 0px; outline-style: none; outline-width: initial; outline-color: initial; position: static; font-size: inherit !important; "><font color="#0000c0" style="font-family: inherit !important; font-size: inherit !important; position: static; "><span class="kLink" style="border-top-width: 0px !important; border-top-style: none !important; border-top-color: initial !important; border-left-width: 0px !important; border-left-style: none !important; border-left-color: initial !important; border-right-width: 0px !important; border-right-style: none !important; border-right-color: initial !important; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: initial; padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 1px !important; padding-left: 0px !important; background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; width: auto !important; float: none !important; display: inline !important; font-family: inherit !important; font-size: inherit !important; position: static; ">your </span><span class="kLink" style="border-top-width: 0px !important; border-top-style: none !important; border-top-color: initial !important; border-left-width: 0px !important; border-left-style: none !important; border-left-color: initial !important; border-right-width: 0px !important; border-right-style: none !important; border-right-color: initial !important; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: initial; padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 1px !important; padding-left: 0px !important; background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; width: auto !important; float: none !important; display: inline !important; font-family: inherit !important; font-size: inherit !important; position: static; ">web </span><span class="kLink" style="border-top-width: 0px !important; border-top-style: none !important; border-top-color: initial !important; border-left-width: 0px !important; border-left-style: none !important; border-left-color: initial !important; border-right-width: 0px !important; border-right-style: none !important; border-right-color: initial !important; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: initial; padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 1px !important; padding-left: 0px !important; background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; width: auto !important; float: none !important; display: inline !important; font-family: inherit !important; font-size: inherit !important; position: static; ">page</span></font></a>, place your mouse pointer over the beginning of the HTML code you would like to copy. Next, click and hold your left mouse button and drag your mouse over all the HTML code you would like to copy (<span style="background-color: rgb(49, 106, 197); "><font color="white">Example of highlighted text</font></span>). Your HTML code should now be highlighted. Go to "Edit" - "Copy" on your web browser's toolbar and then place your cursor within your HTML code where you would like to place the code. Right click on your mouse and go to "Paste." Your HTML code should now be displaying within your HTML document.</span>
</p><table border="0" cellpadding="2"><tbody><tr><td style="font-size: 12px; "><ins style="display: inline-table; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; border-image: initial; height: 250px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; position: relative; visibility: visible; width: 300px; "><ins id="aswift_2_anchor" style="display: block; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; border-image: initial; height: 250px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; position: relative; visibility: visible; width: 300px; "><iframe allowtransparency="true" frameborder="0" height="250" hspace="0" marginwidth="0" marginheight="0" scrolling="no" vspace="0" width="300" id="aswift_2" name="aswift_2" style="left: 0px; position: absolute; top: 0px; "></iframe></ins></ins></td><td style="font-size: 12px; "><iframe id="a1df66ab" name="a1df66ab" src="http://d1.openx.org/afr.php?zoneid=203968&cb=INSERT_RANDOM_NUMBER_HERE" frameborder="0" scrolling="no" width="300" height="250"></iframe></td></tr></tbody></table><p align="Center"> </p></td><td valign="Top" width="25%" style="font-size: 12px; "><p align="Center"><a href="http://www.web-source.net/cgi-bin/t.cgi?l=myos" target="blank"><img src="http://www.web-source.net/graphics/myos_nav.gif" border="0" width="145" height="210" style="border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; "></a>
</p><table border="" cellspacing="1" cellpadding="2" width="95%" bordercolor="#3f7fbb" align="CENTER"><tbody><tr><td bgcolor="#3f7fbb" style="font-size: 12px; "><center><table border="0" cellspacing="0" cellpadding="0" width="100%" align="Center"><tbody><tr bgcolor="#3f7fbb"><td bgcolor="#3f7fbb" style="font-size: 12px; "><font color="White"><b>eTips Member Login</b></font></td><td bgcolor="#3f7fbb" style="font-size: 12px; "><p align="Right"><a href="http://www.google.com/search?hl=en&ie=UTF-8&oe=UTF-8&q=web-source&btnG=Google+Search"><img src="http://www.web-source.net/graphics/miniwin.gif" border="0" width="25" height="7" align="Middle" style="border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; "></a></p></td></tr></tbody></table></center></td></tr><tr><td style="font-size: 12px; ">Enter your email address and password to enter the private membership area:
<form id="form1" name="form1" method="post" action="http://www.web-source.net/bfm/do.login.php"><table border="0" cellspacing="0" cellpadding="0"><tbody><tr><td style="font-size: 12px; ">Email:</td><td style="font-size: 12px; "><input name="email" type="text" id="email" size="10"></td></tr><tr><td style="font-size: 12px; ">Password:</td><td style="font-size: 12px; "><input name="password" type="password" id="password" size="10"></td></tr><tr><td style="font-size: 12px; "></td><td style="font-size: 12px; "><input type="submit" name="Submit" value="Submit"></td></tr></tbody></table></form><p><b>Lost Password?</b> </p><form id="form1" name="form1" method="post" action="http://www.web-source.net/bfm/forgot.password.php"><table border="0" cellspacing="0" cellpadding="0"><tbody><tr><td style="font-size: 12px; ">Email:</td><td style="font-size: 12px; "><input name="email" type="text" id="email" size="10"></td></tr><tr><td style="font-size: 12px; "></td><td style="font-size: 12px; "><input type="submit" name="Submit" value="Submit"></td></tr></tbody></table><p><b>Not yet a member?</b>
<a href="http://www.web-source.net/bfm/index.php">Click here</a> to see what you're missing! Club members receive access to dozens of free video tutorials, utilities and ebooks. </p></form></td></tr></tbody></table><center><p align="Center"></p><table border="" cellspacing="1" cellpadding="2" width="95%" bordercolor="#3f7fbb" align="CENTER"><tbody><tr><td bgcolor="#3f7fbb" style="font-size: 12px; "><center><table border="0" cellspacing="0" cellpadding="0" width="100%" align="Center"><tbody><tr bgcolor="#3f7fbb"><td bgcolor="#3f7fbb" style="font-size: 12px; "><font color="White"><b>Our Products</b></font></td><td bgcolor="#3f7fbb" style="font-size: 12px; "><p align="Right"><a href="http://www.google.com/search?hl=en&ie=UTF-8&oe=UTF-8&q=web-source&btnG=Google+Search"><img src="http://www.web-source.net/graphics/miniwin.gif" width="25" height="7" align="Middle" style="border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; "></a></p></td></tr></tbody></table></center></td></tr><tr><td style="font-size: 12px; "> <font color="#3f7fbb">•</font> <a href="http://www.webdesignmastery.com/" target="blank">Web Design Mastery</a> <font color="#3f7fbb">•</font> <a href="http://www.masteringwebhosting.com/" target="blank">Mastering Web Hosting</a> <font color="#3f7fbb">•</font> <a href="http://www.ebookstarter.com/ebook_software/" target="blank">eBook Starter</a>
</td></tr></tbody></table><p align="Center"></p><table border="" cellspacing="1" cellpadding="2" width="95%" bordercolor="#3f7fbb" align="CENTER"><tbody><tr><td bgcolor="#3f7fbb" style="font-size: 12px; "><center><table border="0" cellspacing="0" cellpadding="0" width="100%" align="Center"><tbody><tr bgcolor="#3f7fbb"><td bgcolor="#3f7fbb" style="font-size: 12px; "><font color="White"><b>Our Other Sites</b></font></td><td bgcolor="#3f7fbb" style="font-size: 12px; "><p align="Right"><a href="http://www.google.com/search?hl=en&ie=UTF-8&oe=UTF-8&q=web-source&btnG=Google+Search"><img src="http://www.web-source.net/graphics/miniwin.gif" width="25" height="7" align="Middle" border="0" style="border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; "></a></p></td></tr></tbody></table></center></td></tr><tr><td style="font-size: 12px; "> <font color="#3f7fbb">•</font> <a href="http://www.shelleylowery.com/" target="blank">ShelleyLowery.com</a><font color="#3f7fbb"> •</font> <a href="http://www.webdesignmastery.com/" target="blank">Web Design Mastery</a> <font color="#3f7fbb">•</font> <a href="http://www.learnhowtomakeawebpage.com/" target="blank">Learn How to Make a Web Page</a> <font color="#3f7fbb">•</font> <a href="http://www.makemyownwebsiteguide.com/" target="blank">Make My Own Website Guide</a> <font color="#3f7fbb">•</font> <a href="http://www.emailnewsletterservice.info/" target="blank">Email Newsletter Service</a> <font color="#3f7fbb">•</font> <a href="http://www.masteringwebhosting.com/" target="blank">Mastering Web Hosting</a> <font color="#3f7fbb">•</font> <a href="http://www.ebookstarter.com/" target="blank">eBook Starter</a> <font color="#3f7fbb">•</font> <a href="http://www.raginghearts.com/" target="blank">Raging Hearts</a> <font color="#3f7fbb">•</font> <a href="http://www.onlineforextradingforbeginners.com/" target="blank">Online Forex Trading For Beginners</a> <font color="#3f7fbb">•</font> <a href="http://www.beginnersrealestateinvesting.com/" target="blank">Beginners Real Estate Investing</a> <font color="#3f7fbb">•</font> <a href="http://www.workfromhomebusinessguide.com/">Work From Home Business Guide</a>
</td></tr></tbody></table><p align="Center"></p><table border="" cellspacing="1" cellpadding="2" width="95%" bordercolor="#3f7fbb" align="CENTER"><tbody><tr><td bgcolor="#3f7fbb" style="font-size: 12px; "><center><table border="0" cellspacing="0" cellpadding="0" width="100%" align="Center"><tbody><tr bgcolor="#3f7fbb"><td bgcolor="#3f7fbb" style="font-size: 12px; "><font color="White"><b>Partner Sites</b></font></td><td bgcolor="#3f7fbb" style="font-size: 12px; "><p align="Right"><a href="http://www.google.com/search?hl=en&ie=UTF-8&oe=UTF-8&q=web-source&btnG=Google+Search"><img src="http://www.web-source.net/graphics/miniwin.gif" width="25" height="7" align="Middle" border="0" style="border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; "></a></p></td></tr></tbody></table></center></td></tr><tr><td style="font-size: 12px; "> <font color="#3f7fbb">•</font> <a href="http://www.plrprivatelabelrights.org/" target="blank">Website Content</a> <img src="http://www.web-source.net/graphics/new2.gif" alt="new" width="23" height="7" border="0" style="border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; "><font color="#3f7fbb"> •</font> <a href="http://www.digitaltv4pc.org/" target="blank">Watch TV on PC</a> <img src="http://www.web-source.net/graphics/new2.gif" alt="new" width="23" height="7" border="0" style="border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; "><font color="#3f7fbb"> •</font> <a href="http://www.internetguideto.info/" target="_blank">Internet Guide</a><font color="#3f7fbb"> </font><font color="#3f7fbb">•</font> <a href="http://www.pluginprofitsite.com/main-4677" target="blank">Plug-in Profits</a> <font color="#3f7fbb">•</font> <a href="http://www.web-source.net/review9.htm">Site Build It!</a> <font color="#3f7fbb">•</font> <a href="http://www.templatemonster.com/?aff=websourc" target="blank">Web Site Templates</a>
</td></tr></tbody></table><p align="Center"></p></center><table border="" cellspacing="1" cellpadding="2" width="95%" bordercolor="#3f7fbb" align="CENTER"><tbody><tr><td bgcolor="#3f7fbb" style="font-size: 12px; "><center><table border="0" cellspacing="0" cellpadding="0" width="100%" align="Center"><tbody><tr bgcolor="#3f7fbb"><td bgcolor="#3f7fbb" style="font-size: 12px; "><font color="White"><b>Web Site Design</b></font></td><td bgcolor="#3f7fbb" style="font-size: 12px; "><p align="Right"><a href="http://www.google.com/search?hl=en&ie=UTF-8&oe=UTF-8&q=web-source&btnG=Google+Search"><img src="http://www.web-source.net/graphics/miniwin.gif" border="0" width="25" height="7" align="Middle" style="border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; "></a></p></td></tr></tbody></table></center></td></tr><tr><td style="font-size: 12px; "> <font color="#3f7fbb">•</font> <a href="http://www.web-source.net/html_tips.htm">HTML Tips</a> <font color="#3f7fbb">•</font> <a href="http://www.web-source.net/pc_security/">PC Security</a> <font color="#3f7fbb">•</font> <a href="http://www.web-source.net/css_tutorial/">CSS Tutorial</a> <font color="#3f7fbb">•</font> <a href="http://www.web-source.net/html_codes_chart.htm">HTML Codes</a> <font color="#3f7fbb">•</font> <a href="http://www.web-source.net/video_tutorials.htm">Video Tutorials</a> <font color="#3f7fbb">•</font> <a href="http://www.web-source.net/web_design_tips/">Web Design Tips</a> <font color="#3f7fbb">•</font> <a href="http://www.web-source.net/javascript_codes.htm">JavaScript Codes</a> <font color="#3f7fbb">•</font> <a href="http://www.web-source.net/javascript_tutorial/">JavaScript Tutorial</a> <font color="#3f7fbb">•</font> <a href="http://www.web-source.net/java_applet_tutorial.htm">Java Applet Tutorial</a> <font color="#3f7fbb">•</font> <a href="http://www.web-source.net/216_color_chart.htm">216 Web Safe Colors</a> <font color="#3f7fbb">•</font> <a href="http://www.web-source.net/web_development.htm">Web Site Development</a> <font color="#3f7fbb">•</font> <a href="http://www.web-source.net/symbols.htm">ASCII Character Codes</a>
</td></tr></tbody></table><p align="Center"></p><table border="" cellspacing="1" cellpadding="2" width="95%" bordercolor="#3f7fbb" align="CENTER"><tbody><tr><td bgcolor="#3f7fbb" style="font-size: 12px; "><center><table border="0" cellspacing="0" cellpadding="0" width="100%" align="Center"><tbody><tr bgcolor="#3f7fbb"><td bgcolor="#3f7fbb" style="font-size: 12px; "><font color="White"><b>Web Site Tools</b></font></td><td bgcolor="#3f7fbb" style="font-size: 12px; "><p align="Right"><a href="http://www.google.com/search?hl=en&ie=UTF-8&oe=UTF-8&q=web-source&btnG=Google+Search"><img src="http://www.web-source.net/graphics/miniwin.gif" border="0" width="25" height="7" align="Middle" style="border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; "></a></p></td></tr></tbody></table></center></td></tr><tr><td style="font-size: 12px; "> <font color="#3f7fbb">•</font> <a href="http://www.web-source.net/domain_name_search.htm">Domain Search</a> <font color="#3f7fbb">•</font> <a href="http://www.web-source.net/format_text.htm">Format Your Text</a> <font color="#3f7fbb">•</font> <a href="http://www.web-source.net/meta.html">Create Meta Tags</a> <font color="#3f7fbb">•</font> <a href="http://www.web-source.net/text_html.htm">Text to HTML Converter</a> <font color="#3f7fbb">•</font> <a href="http://www.web-source.net/color_code_converter.htm">Color Code Converter</a> <font color="#3f7fbb">•</font> <a href="http://www.web-source.net/css_generator.htm">CSS Generator</a> <font color="#3f7fbb">•</font> <a href="http://www.web-source.net/bookmark_generator.htm">Bookmark Site Generator</a> <font color="#3f7fbb">•</font> <a href="http://www.web-source.net/button_generator.htm">Button Generator</a> <font color="#3f7fbb">•</font> <a href="http://www.web-source.net/rollover_button_generator.htm">Rollover Button Generator</a> <font color="#3f7fbb">•</font> <a href="http://www.web-source.net/rollover_text_button_generator.htm">Rollover Text Button Generator</a> <font color="#3f7fbb">•</font> <a href="http://www.web-source.net/colored_scrollbar_generator.htm">Colored Scrollbar Generator</a> <font color="#3f7fbb">•</font> <a href="http://www.web-source.net/table_generator.htm">Table Generator</a> <font color="#3f7fbb">•</font> <a href="http://www.web-source.net/syndicator.htm">Article Syndication</a><font color="#3f7fbb"> •</font> <a href="http://www.web-source.net/free_classified_ads.htm">Free Classified Ads</a>
</td></tr></tbody></table><p align="Center"></p></td></tr></tbody></table></center></td></tr></tbody></table><p align="Center"> </p><div id="astercloud_2432331_div" style="text-align: center; "><iframe name="astercloud_2432331_iframe" width="700" height="200" scrolling="no" marginwidth="0" marginheight="0" frameborder="0" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; "></iframe></div><center><table border="2" cellpadding="2" width="95%" bordercolor="#CCCCCC"><tbody><tr><td bgcolor="#EEEEEE" style="font-size: 12px; "><span name="KonaBody"><img src="http://www.web-source.net/graphics/lbulb.gif" border="0" align="Left" width="36" height="48" style="border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; ">Note: For additional <a href="http://www.web-source.net/html_codes_chart.htm#" class="kLink" id="KonaLink2" style="color: rgb(0, 0, 192); cursor: pointer; font-family: inherit !important; border-top-width: 0px !important; border-right-width: 0px !important; border-bottom-width: 0px !important; border-left-width: 0px !important; border-top-style: none !important; border-right-style: none !important; border-bottom-style: none !important; border-left-style: none !important; border-top-color: transparent !important; border-right-color: transparent !important; border-bottom-color: transparent !important; border-left-color: transparent !important; border-image: initial !important; background-image: none !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: transparent !important; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; display: inline !important; top: 0px; right: 0px; bottom: 0px; left: 0px; outline-style: none; outline-width: initial; outline-color: initial; position: static; font-size: inherit !important; "><font color="#0000c0" style="font-family: inherit !important; font-size: inherit !important; position: static; "><span class="kLink" style="border-top-width: 0px !important; border-top-style: none !important; border-top-color: initial !important; border-left-width: 0px !important; border-left-style: none !important; border-left-color: initial !important; border-right-width: 0px !important; border-right-style: none !important; border-right-color: initial !important; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: initial; padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 1px !important; padding-left: 0px !important; background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; width: auto !important; float: none !important; display: inline !important; font-family: inherit !important; font-size: inherit !important; position: static; ">tutorials</span></font></a> to assist you in HTML and much more, </span><a href="http://www.web-source.net/bfm/index.php">click here</a><span name="KonaBody"> to sign up for our <a href="http://www.web-source.net/html_codes_chart.htm#" class="kLink" id="KonaLink3" style="color: rgb(0, 0, 192); cursor: pointer; font-family: inherit !important; border-top-width: 0px !important; border-right-width: 0px !important; border-bottom-width: 0px !important; border-left-width: 0px !important; border-top-style: none !important; border-right-style: none !important; border-bottom-style: none !important; border-left-style: none !important; border-top-color: transparent !important; border-right-color: transparent !important; border-bottom-color: transparent !important; border-left-color: transparent !important; border-image: initial !important; background-image: none !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: transparent !important; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; display: inline !important; top: 0px; right: 0px; bottom: 0px; left: 0px; outline-style: none; outline-width: initial; outline-color: initial; position: static; font-size: inherit !important; "><font color="#0000c0" style="font-family: inherit !important; font-size: inherit !important; position: static; "><span class="kLink" style="border-top-width: 0px !important; border-top-style: none !important; border-top-color: initial !important; border-left-width: 0px !important; border-left-style: none !important; border-left-color: initial !important; border-right-width: 0px !important; border-right-style: none !important; border-right-color: initial !important; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: initial; padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 1px !important; padding-left: 0px !important; background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; width: auto !important; float: none !important; display: inline !important; font-family: inherit !important; font-size: inherit !important; position: static; ">free </span><span class="kLink" style="border-top-width: 0px !important; border-top-style: none !important; border-top-color: initial !important; border-left-width: 0px !important; border-left-style: none !important; border-left-color: initial !important; border-right-width: 0px !important; border-right-style: none !important; border-right-color: initial !important; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: initial; padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 1px !important; padding-left: 0px !important; background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; width: auto !important; float: none !important; display: inline !important; font-family: inherit !important; font-size: inherit !important; position: static; ">membership</span></font></a> club. You will instantly receive a wealth of quality information, such as dozens of <a href="http://www.web-source.net/html_codes_chart.htm#" class="kLink" id="KonaLink4" style="color: rgb(0, 0, 192); cursor: pointer; font-family: inherit !important; border-top-width: 0px !important; border-right-width: 0px !important; border-bottom-width: 0px !important; border-left-width: 0px !important; border-top-style: none !important; border-right-style: none !important; border-bottom-style: none !important; border-left-style: none !important; border-top-color: transparent !important; border-right-color: transparent !important; border-bottom-color: transparent !important; border-left-color: transparent !important; border-image: initial !important; background-image: none !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: transparent !important; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; display: inline !important; top: 0px; right: 0px; bottom: 0px; left: 0px; outline-style: none; outline-width: initial; outline-color: initial; position: static; font-size: inherit !important; "><font color="#0000c0" style="font-family: inherit !important; font-size: inherit !important; position: static; "><span class="kLink" style="border-top-width: 0px !important; border-top-style: none !important; border-top-color: initial !important; border-left-width: 0px !important; border-left-style: none !important; border-left-color: initial !important; border-right-width: 0px !important; border-right-style: none !important; border-right-color: initial !important; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: initial; padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 1px !important; padding-left: 0px !important; background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; width: auto !important; float: none !important; display: inline !important; font-family: inherit !important; font-size: inherit !important; position: static; ">video</span></font></a> tutorials, several informative ebooks, utilities to assist you in creating buttons, tables, meta tags, and more. Best of all, it's completely free.</span></td></tr></tbody></table></center><p align="Center"><font face="Georgia" size="+2"><b>HTML Tags Chart</b></font></p><p align="Center"><span name="KonaBody">To use any of the following HTML tags, simply select the HTML code you'd like and copy and paste it into your web page.</span></p><center><table border="2" cellspacing="1" cellpadding="2" width="95%" bordercolor="#3f7fbb" align="Center"><tbody><tr><td bgcolor="#3f7fbb" style="font-size: 12px; "><p align="Center"><font color="White"><b>Tag</b></font></p></td><td bgcolor="#3f7fbb" style="font-size: 12px; "><p align="Center"><font color="White"><b>Name</b></font></p></td><td bgcolor="#3f7fbb" style="font-size: 12px; "><p align="Center"><font color="White"><b>Code Example</b></font></p></td><td bgcolor="#3f7fbb" style="font-size: 12px; "><p align="Center"><font color="White"><b>Browser View</b></font></p></td></tr><tr><td style="font-size: 12px; "><!--</td><td style="font-size: 12px; "><b>comment</b></td><td style="font-size: 12px; "><b><!--</b>This can be viewed in the <b>HTML</b> part of a document<b>--></b></td><td style="font-size: 12px; ">Nothing will show <a href="http://www.web-source.net/html_codes_chart.htm">(Tip)</a></td></tr><tr><td style="font-size: 12px; "><a -</td><td style="font-size: 12px; "><b>anchor</b></td><td style="font-size: 12px; "><b><a href=</b>"http://www.domain.com/"> Visit Our Site<b></a></b></td><td style="font-size: 12px; "><u><font color="Blue">Visit Our Site</font></u> <a href="http://www.web-source.net/html_codes_chart.htm">(Tip)</a></td></tr><tr><td style="font-size: 12px; "><b></td><td style="font-size: 12px; "><b>bold</b></td><td style="font-size: 12px; "><b><b></b>Example<b></b></b></td><td style="font-size: 12px; "><b>Example</b></td></tr><tr><td style="font-size: 12px; "><big></td><td style="font-size: 12px; "><b>big (text)</b></td><td style="font-size: 12px; "><b><big></b>Example<b></big></b></td><td style="font-size: 12px; "><big>Example </big><a href="http://www.web-source.net/html_codes_chart.htm">(Tip)</a></td></tr><tr><td style="font-size: 12px; "><body></td><td style="font-size: 12px; "><b>body of HTML document</b></td><td style="font-size: 12px; "><b><body></b>The content of your <b>HTML</b> page<b></body></b></td><td style="font-size: 12px; ">Contents of your web page <a href="http://www.web-source.net/html_codes_chart.htm">(Tip)</a></td></tr><tr><td style="font-size: 12px; "><br></td><td style="font-size: 12px; "><b>line break</b></td><td style="font-size: 12px; ">The contents of your page<b><br></b>The contents of your page</td><td style="font-size: 12px; ">The contents of your web page The contents of your web page</td></tr><tr><td style="font-size: 12px; "><center></td><td style="font-size: 12px; "><b>center</b></td><td style="font-size: 12px; "><b><center></b>This will center your contents<b></center></b></td><td style="font-size: 12px; "><p align="Center">This will center your contents</p></td></tr><tr><td style="font-size: 12px; "><dd></td><td style="font-size: 12px; "><b>definition description</b></td><td style="font-size: 12px; "><dl> <dt>Definition Term</dt> <b><dd>Definition of the term</dd></b> <dt>Definition Term</dt> <b><dd>Definition of the term</dd></b> </dl></td><td style="font-size: 12px; "><dl><dt>Definition Term</dt><dd><b>Definition of the term</b></dd><dt>Definition Term</dt><dd><b>Definition of the term</b></dd></dl></td></tr><tr><td style="font-size: 12px; "><dl></td><td style="font-size: 12px; "><b>definition list</b></td><td style="font-size: 12px; "><b><dl></b> <dt>Definition Term</dt> <dd>Definition of the term</dd> <dt>Definition Term</dt> <dd>Definition of the term</dd> <b></dl></b></td><td style="font-size: 12px; "><dl><dt>Definition Term</dt><dd>Definition of the term</dd><dt>Definition Term</dt><dd>Definition of the term</dd></dl></td></tr><tr><td style="font-size: 12px; "><dt></td><td style="font-size: 12px; "><b>definition term</b></td><td style="font-size: 12px; "><dl> <b><dt>Definition Term</dt></b> <dd>Definition of the term</dd> <b><dt>Definition Term</dt></b> <dd>Definition of the term</dd> </dl></td><td style="font-size: 12px; "><dl><dt><b>Definition Term</b></dt><dd>Definition of the term</dd><dt><b>Definition Term</b></dt><dd>Definition of the term</dd></dl></td></tr><tr><td style="font-size: 12px; "><em></td><td style="font-size: 12px; "><b>emphasis</b></td><td style="font-size: 12px; ">This is an <b><em></b>Example<b></em></b> of using the emphasis tag</td><td style="font-size: 12px; ">This is an <em>Example</em> of using the emphasis tag</td></tr><tr><td style="font-size: 12px; "><embed> </td><td style="font-size: 12px; "><b>embed object</b></td><td style="font-size: 12px; "><b><embed</b> src="yourfile.mid" width="100%" height="60" align="center"></td><td style="font-size: 12px; "><embed align="center" src="http://www.web-source.net/wonderfu.mid" autostart="false"> <a href="http://www.web-source.net/html_codes_chart.htm">(Tip)</a></td></tr><tr><td style="font-size: 12px; "><embed></td><td style="font-size: 12px; "><b>embed object</b></td><td style="font-size: 12px; "><<b>embed</b> src="yourfile.mid" autostart="true" hidden="false" loop="false"> <noembed><bgsound src="yourfile.mid" loop="1"></noembed></td><td style="font-size: 12px; "> <embed src="http://www.web-source.net/wonderfu.mid" autostart="false" hidden="false" loop="false"> Music will begin playing when your page is loaded and will only play one time. A control panel will be displayed to enable your visitors to stop the music.</td></tr><tr><td style="font-size: 12px; "><font></td><td style="font-size: 12px; "><b>font</b></td><td style="font-size: 12px; "><b><font</b> face="Times New Roman">Example<b></font></b></td><td style="font-size: 12px; "><font face="Times New Roman">Example <a href="http://www.web-source.net/html_codes_chart.htm">(Tip)</a></font></td></tr><tr><td style="font-size: 12px; "><font></td><td style="font-size: 12px; "><b>font</b></td><td style="font-size: 12px; "><b><font</b> face="Times New Roman" size="4">Example<b></font></b></td><td style="font-size: 12px; "><font face="Times New Roman" size="4">Example</font> <a href="http://www.web-source.net/html_codes_chart.htm">(Tip)</a></td></tr><tr><td style="font-size: 12px; "><font></td><td style="font-size: 12px; "><b>font</b></td><td style="font-size: 12px; "><b><font</b> face="Times New Roman" size="+3" color="#ff0000">Example<b></font></b></td><td style="font-size: 12px; "><font face="Times New Roman" size="+3" color="#FF0000">Example</font> <a href="http://www.web-source.net/html_codes_chart.htm">(Tip)</a></td></tr><tr><td style="font-size: 12px; "><form></td><td style="font-size: 12px; "><b>form</b></td><td style="font-size: 12px; "><b><form </b>action="mailto:you@yourdomain.com"> Name: <input name="Name" value="" size="10"><br> Email: <input name="Email" value="" size="10"><br> <center><input type="submit"></center> <b></form></b></td><td style="font-size: 12px; "><form action="mailto:you@yourdomain.com">Name: <input name="Name" value="" size="10"> <a href="http://www.web-source.net/html_codes_chart.htm">(Tip)</a> Email: <input name="Email" value="" size="10"> <input type="submit"></form></td></tr><tr><td style="font-size: 12px; "><h1> <h2> <h3> <h4> <h5> <h6></td><td style="font-size: 12px; "><b>heading 1</b> <b>heading 2</b> <b>heading 3</b> <b>heading 4</b> <b>heading 5</b> <b>heading 6</b></td><td style="font-size: 12px; "><b><h1></b>Heading 1 Example<b></h1></b> <b><h2></b>Heading 2 Example<b></h2></b> <b><h3></b>Heading 3 Example<b></h3></b> <b><h4></b>Heading 4 Example<b></h4></b> <b><h5></b>Heading 5 Example<b></h5></b> <b><h6></b>Heading 6 Example<b></h6></b></td><td style="font-size: 12px; "><h1 align="Center" style="font-family: Georgia; font-size: 24px; text-align: center; color: navy; "><img src="http://www.web-source.net/graphics/headings.gif" width="138" height="153" style="border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; "></h1></td></tr><tr><td style="font-size: 12px; "><head></td><td style="font-size: 12px; "><b>heading of HTML document</b></td><td style="font-size: 12px; "><b><head></b>Contains elements describing the document<b></head></b></td><td style="font-size: 12px; ">Nothing will show</td></tr><tr><td style="font-size: 12px; "><hr></td><td style="font-size: 12px; "><b>horizontal rule</b></td><td style="font-size: 12px; "><b><hr /></b></td><td style="font-size: 12px; "> Contents of your web page <a href="http://www.web-source.net/html_codes_chart.htm">(Tip)</a> <hr>Contents of your web page</td></tr><tr><td style="font-size: 12px; "><hr></td><td style="font-size: 12px; "><b>horizontal rule</b></td><td style="font-size: 12px; "><b><hr </b>width="50%" size="3" /></td><td style="font-size: 12px; ">Contents of your web page <hr width="50%" size="3">Contents of your web page</td></tr><tr><td style="font-size: 12px; "><hr></td><td style="font-size: 12px; "><b>horizontal rule</b></td><td style="font-size: 12px; "><b><hr </b>width="50%" size="3" noshade /></td><td style="font-size: 12px; ">Contents of your web page <hr width="50%" size="3" noshade="">Contents of your web page</td></tr><tr><td style="font-size: 12px; "><hr> (Internet Explorer)</td><td style="font-size: 12px; "><b>horizontal rule</b></td><td style="font-size: 12px; "><b><hr </b>width="75%" color="<a href="http://www.web-source.net/216_color_chart.htm.htm">#ff0000</a>" size="4" /></td><td style="font-size: 12px; ">Contents of your web page <hr width="75%" color="#FF0000" size="4">Contents of your web page</td></tr><tr><td style="font-size: 12px; "><hr> (Internet Explorer)</td><td style="font-size: 12px; "><b>horizontal rule</b></td><td style="font-size: 12px; "><b><hr </b>width="25%" color="<a href="http://www.web-source.net/216_color_chart.htm">#6699ff</a>" size="6" /></td><td style="font-size: 12px; ">Contents of your web page <hr width="25%" color="#6699FF" size="6">Contents of your web page</td></tr><tr><td style="font-size: 12px; "><html></td><td style="font-size: 12px; "><b>hypertext markup language</b></td><td style="font-size: 12px; "><b><html> </b><head> <meta> <title>Title of your web page
HTML web page contents
| Contents of your web page |
| paragraph | This is an example displaying the use of the paragraph tag. This will create a line break and a space between lines.
Attributes:
Example 1:
This is an example
displaying the use
of the paragraph tag.
Example 2:
This is an example
displaying the use
of the paragraph tag.
Example 3:
This is an example
displaying the use
of the paragraph tag.
| This is an example displaying the use of the paragraph tag. This will create a line break and a space between lines.
Attributes: Example 1:
This is an example displaying the use of the paragraph tag. Example 2:
This is an example displaying the use of the paragraph tag. Example 3:
This is an example displaying the use of the paragraph tag. |