tag:blogger.com,1999:blog-33909979725269341922024-03-13T05:56:14.702-07:00Web Developmentrajhttp://www.blogger.com/profile/07775159902177850551noreply@blogger.comBlogger30125tag:blogger.com,1999:blog-3390997972526934192.post-7183110776059954582009-06-22T07:29:00.000-07:002009-06-22T07:52:19.624-07:00Redirect a User<span style="font-weight: bold; color: rgb(255, 102, 0);">Redirect a User</span><br /><br /><br /><span style="font-weight: bold; color: rgb(255, 255, 0);"><html><br /><head><br /><meta http-equiv="Refresh" content="5;url="http://www.ABC.com"><br /></head><br /><body><br /><p><br />Sorry, We have moved! The new URL is: <a href="http://www.ABC.com">http://www.ABC.com</a><br /></p><br /><p><br />You will be redirected to the new address in five seconds.<br /></p><br /><p><br />If you see this message for more than 5 seconds, please click on the link above!<br /></p><br /></body><br /></html></span>rajhttp://www.blogger.com/profile/07775159902177850551noreply@blogger.com0tag:blogger.com,1999:blog-3390997972526934192.post-68292773983127883082009-05-11T22:29:00.000-07:002009-05-11T22:31:17.851-07:00Unknown meta attributes<span style="font-weight: bold; color: rgb(255, 102, 0);">Some times you will see meta attributes that are unknown to you like this:</span><br /><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"><meta name="security" content="low"></span><br /><br /><span style="font-weight: bold; color: rgb(255, 102, 0);">Then you just have to accept that this is something unique to the site or to the author of the site, and that it probablyno relevance to you.</span><br /><br /><span style="font-weight: bold; color: rgb(255, 102, 0);">Eg:</span><br /><br /><span style="font-weight: bold; color: rgb(255, 102, 0);">Redirect a user:</span><br /><br /><span style="font-weight: bold; color: rgb(255, 102, 0);">this example demonstrates how to redirect a user if your site addess has changed</span><br /><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"><html></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"><head></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"><meta http-equi="Refresh" content="5;url="http://www.site.com"></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"></head></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"><body></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"><p></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);">Sorry! We have moved! The new URL is: <a href="http://www.site.com">http://www.site.com</a></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"></p></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"><p></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);">you will be redirected to the new address in 4 seconds.</span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"></p></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"><p></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);">If you see this message for more than 5 seconds, please click on the link above!</span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"></p></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"></body></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"></html></span>rajhttp://www.blogger.com/profile/07775159902177850551noreply@blogger.com0tag:blogger.com,1999:blog-3390997972526934192.post-66379896241712841332009-05-11T22:25:00.000-07:002009-05-11T22:29:07.069-07:00Head element<span style="font-weight: bold; color: rgb(255, 102, 0);">the head element contains general information, also called meta-information, about a document. Meta means "information about".</span><br /><br /><span style="font-weight: bold; color: rgb(255, 102, 0);">You can say that meta-data means information about data, or meta-information means information about information.</span><br /><br /><span style="font-weight: bold; color: rgb(255, 102, 0);">Information inside the Head Element</span><br /><br /><span style="font-weight: bold; color: rgb(255, 102, 0);">The elements inside the head element should not be displayed by the browser.</span><br /><span style="font-weight: bold; color: rgb(255, 102, 0);">According to the HTML standard, only a few tags are legal inside the head section. These are:</span><span style="color: rgb(51, 204, 0);"><span style="font-weight: bold;"><base>, <link>, <meta>, <title>, <style> and <script>.</span><br />-------------------------------------------------------------------------------------------------<br /><br /><span style="font-weight: bold;"><head></span><br /><span style="font-weight: bold;"> <p> This is some text </p></span><br /><span style="font-weight: bold;"></head><br /><br /><span style="color: rgb(255, 102, 0);">In this case browser has two options</span><br /><br /><span style="color: rgb(255, 102, 0);">Display the text because it is inside a paragraph element.</span><br /><br /><span style="color: rgb(255, 102, 0);">Hide the text because it is inside a page element<br /><br />If you put an HTML element like <span style="color: rgb(51, 204, 0);"><h1> or <p> </span> inside a head element like this, most browsers will display it, even if it is not allowed.<br /></span></span></span>rajhttp://www.blogger.com/profile/07775159902177850551noreply@blogger.com0tag:blogger.com,1999:blog-3390997972526934192.post-86048414172848607932009-05-11T22:23:00.000-07:002009-05-11T22:25:23.367-07:00keywords for search engines<span style="font-weight: bold; color: rgb(255, 102, 0);">Some search engines on the WWW will use the name and content attributes of the meta tag to index your pages.</span><br /><br /><span style="font-weight: bold; color: rgb(255, 102, 0);">this meta element defines a description of your page:</span><br /><br /><span style="font-weight: bold; color: rgb(255, 102, 0);"><span style="color: rgb(51, 204, 0);"><meta name="description" content="Free Web info on HTML, CSS, XML and XHTML"></span><br /><br /><span style="color: rgb(255, 102, 0);">this meta element defines keywords for your page:</span></span><br /><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"><meta name="keywords" content="HTML, DHTML, CSS, XML, XHTML, JavaScript, VBScript"></span><br /><br /><span style="font-weight: bold; color: rgb(255, 102, 0);">The intention of the name and content attributes is to describe the content of a page. However, since too many webmasters have used meta tags for spamming, like repeating keywords to give pages a higher ranking, some search engines have stopped using them entirely.</span>rajhttp://www.blogger.com/profile/07775159902177850551noreply@blogger.com0tag:blogger.com,1999:blog-3390997972526934192.post-63833481600671409572009-05-11T22:20:00.000-07:002009-05-11T22:23:47.575-07:00Image Float<span style="font-weight: bold; color: rgb(255, 102, 0);">The image Float </span><br /><br /><span style="font-weight: bold; color: rgb(255, 102, 0);">this tutorial demonstrates how to let an image float to the left or right of a paragraph.</span><br /><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"><html></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"><body></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"><p></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"><img src="yourimage.gif" align="left" width="48" height="48"></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);">A paragraph with an image. the align attribute of the image is set to "left". the image will float to the left of this text.</span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"></p></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"><p></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"><img src="yourimage.gif" align="right" width="48" height="48"></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);">A paragraph with an image. the align attribute of the image is set to "right". the image will float to the left of this text.</span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"></p></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"></body></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"></html></span><br /><br /><br /><br /><br /><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"><p></p></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"><img src="http://i453.photobucket.com/albums/qq258/bholu/fl.gif" align="left" width="48" height="48" /></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);">A paragraph with an image. the align attribute of the image is set to "left". the image will float to the left of this text.</span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"><p></p></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"><p></p></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"><img src="http://i453.photobucket.com/albums/qq258/bholu/fl.gif" align="right" width="48" height="48" /></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);">A paragraph with an image. the align attribute of the image is set to "right". the image will float to the left of this text.</span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"><p></p></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"></span>rajhttp://www.blogger.com/profile/07775159902177850551noreply@blogger.com0tag:blogger.com,1999:blog-3390997972526934192.post-30966652362889208612009-05-11T22:17:00.000-07:002009-05-11T22:19:17.683-07:00HTML fonts<span style="color: rgb(255, 102, 0); font-weight: bold;">The <font> tag in HTML is depreciated . it is supposed to be removed in a future version of HTML</span><br /><br /><span style="color: rgb(255, 102, 0); font-weight: bold;">Even if a lot of people are using it, you should try to avoid it, and use styles instead.</span><br /><br /><span style="color: rgb(255, 102, 0); font-weight: bold;">The HTML <font> Tag</span><br /><br /><span style="color: rgb(255, 102, 0); font-weight: bold;">With HTML code like this, you can specify both the size and the type of the browser output:</span><br /><br /><span style="color: rgb(51, 204, 0); font-weight: bold;"><p></span><br /><span style="color: rgb(51, 204, 0); font-weight: bold;"><font size="2" face="Verdana"></span><br /><span style="color: rgb(51, 204, 0); font-weight: bold;">This is a paragraph</span><br /><span style="color: rgb(51, 204, 0); font-weight: bold;"></font></span><br /><span style="color: rgb(51, 204, 0); font-weight: bold;"></p></span><br /><span style="color: rgb(51, 204, 0); font-weight: bold;"><p></span><br /><span style="color: rgb(51, 204, 0); font-weight: bold;"><font size="3" face="Times"></span><br /><span style="color: rgb(51, 204, 0); font-weight: bold;">this is another paragraph</span><br /><span style="color: rgb(51, 204, 0); font-weight: bold;"></font></span><br /><span style="color: rgb(51, 204, 0); font-weight: bold;"></p></span>rajhttp://www.blogger.com/profile/07775159902177850551noreply@blogger.com0tag:blogger.com,1999:blog-3390997972526934192.post-43201161026041887262009-05-11T22:10:00.000-07:002009-05-11T22:17:21.583-07:00font attributes<span style="font-weight: bold; color: rgb(51, 204, 0);"><html></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"><body></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"><table border="1" height="50%" width="100%" border color="yellow"></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"><tr align="center"></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"><td></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);">Attribute</span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"></td></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"><td></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);">Example</span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"></td></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"><td></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);">Purpose</span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"></td></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"></tr></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"><tr align="center"></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"><td></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);">size="number"</span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"></td></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"><td></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);">size="2"</span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"></td></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"><td></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);">defines the font size</span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"></td></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"></tr></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"><tr align="center"></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"><td></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);">size="+number"</span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"></td></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"><td></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);">size="+1"</span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"></td></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"><td></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);">Increases the font size</span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"></td></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"></tr></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"><tr align="center"></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"><td></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);">="-number"</span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"></td></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"><td></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);">="-1"</span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"></td></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"><td></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);">Decreases the font size</span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"></td></span><br /><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"></tr></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"><tr align="center"></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"><td></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);">face="face-name"</span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"></td></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"><td></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);">face="Times"</span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"></td></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"><td></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);">Defines the font name</span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"></td></span><br /><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"></tr></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"><tr align="center"></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"><td></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);">color="color-value"</span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"></td></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"><td></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);">color="#eeff00"</span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"></td></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"><td></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);">Defines the font color</span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"></td></span><br /><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"></tr></span><br /><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"><tr align="center"></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"><td></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);">color="name"</span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"></td></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"><td></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);">color="red"</span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"></td></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"><td></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);">Defines the font color</span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"></td></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"></tr></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"></table></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"></body></span><br /><span style="font-weight: bold; color: rgb(255, 102, 0);"><span style="color: rgb(51, 204, 0);"></html></span><br /><br /><br /><br /><br /><table color="yellow" border="1" width="100%" height="50%"><br /><tbody><tr align="center"><br /><td><br />Attribute<br /></td><br /><td><br />Example<br /></td><br /><td><br />Purpose<br /></td><br /></tr><br /><tr align="center"><br /><td><br />size="number"<br /></td><br /><td><br />size="2"<br /></td><br /><td><br />defines the font size<br /></td><br /></tr><br /><tr align="center"><br /><td><br />size="+number"<br /></td><br /><td><br />size="+1"<br /></td><br /><td><br />Increases the font size<br /></td><br /></tr><br /><tr align="center"><br /><td><br />="-number"<br /></td><br /><td><br />="-1"<br /></td><br /><td><br />Decreases the font size<br /></td><br /><br /></tr><br /><tr align="center"><br /><td><br />face="face-name"<br /></td><br /><td><br />face="Times"<br /></td><br /><td><br />Defines the font name<br /></td><br /><br /></tr><br /><tr align="center"><br /><td><br />color="color-value"<br /></td><br /><td><br />color="#eeff00"<br /></td><br /><td><br />Defines the font color<br /></td><br /><br /></tr><br /><br /><tr align="center"><br /><td><br />color="name"<br /></td><br /><td><br />color="red"<br /></td><br /><td><br />Defines the font color<br /></td><br /></tr><br /></tbody></table><br /><br /><br /></span>rajhttp://www.blogger.com/profile/07775159902177850551noreply@blogger.com0tag:blogger.com,1999:blog-3390997972526934192.post-85873778244475374062009-05-05T01:48:00.000-07:002009-05-05T01:56:39.874-07:00Turn an Image into an image map<span style="color: rgb(255, 102, 0);"><span style="font-weight: bold;">this tutorial shows how to turn an image into an image map.You will see that if you move the mouse over the image, the coordinates will be displayed on the status bar.<br /><br /><span style="color: rgb(51, 204, 0);"><html><br /><body><br /><p><br />Move the mouse over the image , and look at the status bar to see how the coordinates the image.<br /></p><br /><p><br /><a href="www.makemyhost.com"><image src="your img url here" ismap width="146" height="126"><br /></p><br /></body><br /></html><br /><br /><br /><br /><br /><p><br />Move the mouse over the image , and look at the status bar to see how the coordinates the image.<br /></p><br /><p><br /><a href="http://www.blogger.com/www.makemyhost.com"><img src="http://i453.photobucket.com/albums/qq258/bholu/cooltext420021553.jpg" width="146" height="126" /><br /></a></p><a href="http://www.blogger.com/www.makemyhost.com"><br /><br /><br /></a></span></span></span>rajhttp://www.blogger.com/profile/07775159902177850551noreply@blogger.com0tag:blogger.com,1999:blog-3390997972526934192.post-45148540114454102362009-04-28T23:47:00.000-07:002009-04-29T00:02:31.950-07:00The Alt Attribute<span style="color: rgb(255, 102, 0);"><span style="font-weight: bold;">the alt attribute is used to define an "alternate text" for an image.The value of the alt attribute is an author-defined text:<br /><br />A LEAF IMAGE<br /><span style="color: rgb(255, 255, 0);">-----------------------------------------------------------------------------------------------</span><br /><span style="color: rgb(51, 204, 0);"><img src="http://i453.photobucket.com/albums/qq258/bholu/bl.gif" alt="Big Leaf" /></span><br /><span style="color: rgb(255, 255, 0);">-----------------------------------------------------------------------------------------------</span><br /><br />The alt attributes tells the reader what he or she is missing on a page.if the browser can't load images.The browser will then display the alternate text instead of the image.It is a good practice to include the "alt" attribute for each image on a page, to improve the display and usefulness of your document for people who have text-only browsers.<br /><br />Basic Notes<br /><br /><span style="color: rgb(255, 204, 0);">If an HTML file contains ten images - eleven files are required to display the right loading images take time, so my best advice is : Use images carefully.</span><br /><br /></span></span>rajhttp://www.blogger.com/profile/07775159902177850551noreply@blogger.com0tag:blogger.com,1999:blog-3390997972526934192.post-74115479977346830412009-04-28T23:31:00.000-07:002009-04-29T00:02:14.779-07:00HTML Images<span style="color: rgb(255, 102, 0);"><span style="font-weight: bold;">With HTML you can display images in a document.<br /><br />The Image Tag and the Src Attribute<br /><br /><span style="color: rgb(51, 204, 0);">In HTML, images are defined with the <img> tag.<br /><br />The <img> tag is empty, which means that it contains attributes only and it has no closing tag.<br /><br />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.<br /><br />The syntax of defining an image.<br /><span style="color: rgb(255, 255, 0);">-----------------------------------------------------------------------------------------</span><br /><img src ="url"><br /><span style="color: rgb(255, 255, 0);">-----------------------------------------------------------------------------------------<br /><br /><span style="color: rgb(51, 204, 0);">The URL points to the location where the image is stored.An image named "boat.gif" located in the directory "images" on "www.mysite.com" has the URL: http://www.mysite.com/images/boat.gif.<br /><br />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 paragraoh, then the image and then the second paragraph.<br /><br /></span></span><br /><br /><br /></span><br /></span></span>rajhttp://www.blogger.com/profile/07775159902177850551noreply@blogger.com0tag:blogger.com,1999:blog-3390997972526934192.post-35142130346751702382009-04-28T23:06:00.000-07:002009-04-29T00:02:06.303-07:00Html Forms and Input<span style="font-weight: bold;"><span style="color: rgb(255, 102, 0);">HTML forms are used to select different kinds of user input.<br /><br />Forms<br /><br />A form is an area that can contain form elements.<br /><br />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.<br /><br />A form is defined with the<span style="color: rgb(51, 204, 0);"> <form></form></span></span></span><span style="font-weight: bold;"><span style="color: rgb(255, 102, 0);"><span style="color: rgb(51, 204, 0);"></span></span></span><span style="font-weight: bold;"><span style="color: rgb(255, 102, 0);"><span style="color: rgb(51, 204, 0);"></span></span></span><span style="font-weight: bold;"><span style="color: rgb(255, 102, 0);"><span style="color: rgb(51, 204, 0);"></span></span></span><span style="font-weight: bold;"><span style="color: rgb(255, 102, 0);"><span style="color: rgb(51, 204, 0);"></span></span></span><span style="font-weight: bold;"><span style="color: rgb(255, 102, 0);"><span style="color: rgb(51, 204, 0);"></span></span></span><span style="font-weight: bold;"><span style="color: rgb(255, 102, 0);"><span style="color: rgb(51, 204, 0);"></span></span></span><span style="font-weight: bold;"><span style="color: rgb(255, 102, 0);"><span style="color: rgb(51, 204, 0);"></span></span></span><span style="font-weight: bold;"><span style="color: rgb(255, 102, 0);"><span style="color: rgb(51, 204, 0);"></span></span></span><span style="font-weight: bold;"><span style="color: rgb(255, 102, 0);"><span style="color: rgb(51, 204, 0);"></span></span></span><span style="font-weight: bold;"><span style="color: rgb(255, 102, 0);"><span style="color: rgb(51, 204, 0);"></span></span></span><span style="font-weight: bold;"><span style="color: rgb(255, 102, 0);"><span style="color: rgb(51, 204, 0);"></span></span></span><span style="font-weight: bold;"><span style="color: rgb(255, 102, 0);"><span style="color: rgb(51, 204, 0);"></span></span></span><span style="font-weight: bold;"><span style="color: rgb(255, 102, 0);"><span style="color: rgb(51, 204, 0);"></span></span></span><span style="font-weight: bold;"><span style="color: rgb(255, 102, 0);"><span style="color: rgb(51, 204, 0);"></span></span></span><span style="font-weight: bold;"><span style="color: rgb(255, 102, 0);"><span style="color: rgb(51, 204, 0);"></span></span></span><span style="font-weight: bold;"><span style="color: rgb(255, 102, 0);"><span style="color: rgb(51, 204, 0);"></span></span></span><span style="font-weight: bold;"><span style="color: rgb(255, 102, 0);"><span style="color: rgb(51, 204, 0);"></span></span></span><span style="font-weight: bold;"><span style="color: rgb(255, 102, 0);"><span style="color: rgb(51, 204, 0);"></span></span></span><span style="font-weight: bold;"><span style="color: rgb(255, 102, 0);"><span style="color: rgb(51, 204, 0);"></span></span></span><span style="font-weight: bold;"><span style="color: rgb(255, 102, 0);"><span style="color: rgb(51, 204, 0);"></span></span></span><span style="font-weight: bold;"><span style="color: rgb(255, 102, 0);"><span style="color: rgb(51, 204, 0);"></span></span></span><span style="font-weight: bold;"><span style="color: rgb(255, 102, 0);"><span style="color: rgb(51, 204, 0);"></span></span></span><span style="font-weight: bold;"><span style="color: rgb(255, 102, 0);"><span style="color: rgb(51, 204, 0);"></span></span></span><span style="font-weight: bold;"><span style="color: rgb(255, 102, 0);"><span style="color: rgb(51, 204, 0);"> tag.<br /><br /><span style="color: rgb(51, 204, 0);"><form><br /><input><br /></input><br /></form><br /><br /><span style="color: rgb(255, 102, 0);">Input<br /><br />The most used form tag is the <input tag.The type of input is specified with the type attribute.The most commonly used input types are explained below<br /><br />Text fields<br /><br />Text fields are used when you want the user to type letters, numbers, etc. in a form<br /><br /><span style="color: rgb(51, 204, 0);"><form><br />First name:<br /><input type="text" name="firstname"><br /><br><br />Last name:<br /><input type="text" name="Lastname"><br /></form><br /><br /><span style="color: rgb(255, 102, 0);">How it looks in browser:<br /><br /><span style="color: rgb(51, 204, 0);"></span><br /><span style="color: rgb(51, 204, 0);"></span><br /><span style="color: rgb(51, 204, 0);"></span><br /><span style="color: rgb(51, 204, 0);">First name:</span><br /><span style="color: rgb(51, 204, 0);"><input name="firstname" type="text"></span><br /><span style="color: rgb(51, 204, 0);"><br /></span><br /><span style="color: rgb(51, 204, 0);">Last name:</span><br /><span style="color: rgb(51, 204, 0);"><input name="Lastname" type="text"></span><br /><span style="color: rgb(51, 204, 0);"></span></span><br /><span style="color: rgb(51, 204, 0);"></span><br /><span style="color: rgb(255, 102, 0);">Note that the form itself is not visible.Also that in most browsers, the width of the text field is 20 characters by default.<br /><br />Radio buttons<br /><br />Radio buttons are used when you want the user to select one of a limited number of choices.<br /><br /><span style="color: rgb(51, 204, 0);"><form></span><br /><br /><span style="color: rgb(51, 204, 0);"><input type="radio" name="sex" value="male">Male</span><br /><span style="color: rgb(51, 204, 0);"><input type="radio" name="sex" value="female">Female</span><br /><span style="color: rgb(51, 204, 0);"></form></span><br /><br /><span style="color: rgb(51, 204, 0);"><span style="color: rgb(255, 102, 0);">How it looks in browser</span><br /><br /><form><br /><input name="sex" value="male" type="radio">Male<br /><input name="sex" value="female" type="radio">Female<br /></form></span></span></span></span></span></span></span></span><span style="font-weight: bold;"><span style="color: rgb(255, 102, 0);"><span style="color: rgb(51, 204, 0);"><span style="color: rgb(51, 204, 0);"><span style="color: rgb(255, 102, 0);"><span style="color: rgb(51, 204, 0);"><span style="color: rgb(255, 102, 0);"><span style="color: rgb(51, 204, 0);"></span></span></span></span></span></span></span></span><span style="font-weight: bold;"><span style="color: rgb(255, 102, 0);"><span style="color: rgb(51, 204, 0);"><span style="color: rgb(51, 204, 0);"><span style="color: rgb(255, 102, 0);"><span style="color: rgb(51, 204, 0);"><span style="color: rgb(255, 102, 0);"><span style="color: rgb(51, 204, 0);"></span></span></span></span></span></span></span></span><span style="font-weight: bold;"><span style="color: rgb(255, 102, 0);"><span style="color: rgb(51, 204, 0);"><span style="color: rgb(51, 204, 0);"><span style="color: rgb(255, 102, 0);"><span style="color: rgb(51, 204, 0);"><span style="color: rgb(255, 102, 0);"><span style="color: rgb(51, 204, 0);"></span></span></span></span></span></span></span></span><span style="font-weight: bold;"><span style="color: rgb(255, 102, 0);"><span style="color: rgb(51, 204, 0);"><span style="color: rgb(51, 204, 0);"><span style="color: rgb(255, 102, 0);"><span style="color: rgb(51, 204, 0);"><span style="color: rgb(255, 102, 0);"><span style="color: rgb(51, 204, 0);"></span></span></span></span></span></span></span></span><span style="font-weight: bold;"><span style="color: rgb(255, 102, 0);"><span style="color: rgb(51, 204, 0);"><span style="color: rgb(51, 204, 0);"><span style="color: rgb(255, 102, 0);"><span style="color: rgb(51, 204, 0);"><span style="color: rgb(255, 102, 0);"><span style="color: rgb(51, 204, 0);"></span></span></span></span></span></span></span></span><span style="font-weight: bold;"><span style="color: rgb(255, 102, 0);"><span style="color: rgb(51, 204, 0);"><span style="color: rgb(51, 204, 0);"><span style="color: rgb(255, 102, 0);"><span style="color: rgb(51, 204, 0);"><span style="color: rgb(255, 102, 0);"><span style="color: rgb(51, 204, 0);"></span></span></span></span></span></span></span></span><span style="font-weight: bold;"><span style="color: rgb(255, 102, 0);"><span style="color: rgb(51, 204, 0);"><span style="color: rgb(51, 204, 0);"><span style="color: rgb(255, 102, 0);"><span style="color: rgb(51, 204, 0);"><span style="color: rgb(255, 102, 0);"><span style="color: rgb(51, 204, 0);"></span></span></span></span></span></span></span></span><span style="font-weight: bold;"><span style="color: rgb(255, 102, 0);"><span style="color: rgb(51, 204, 0);"><span style="color: rgb(51, 204, 0);"><span style="color: rgb(255, 102, 0);"><span style="color: rgb(51, 204, 0);"><span style="color: rgb(255, 102, 0);"><span style="color: rgb(51, 204, 0);"></span></span></span></span></span></span></span></span><span style="font-weight: bold;"><span style="color: rgb(255, 102, 0);"><span style="color: rgb(51, 204, 0);"><span style="color: rgb(51, 204, 0);"><span style="color: rgb(255, 102, 0);"><span style="color: rgb(51, 204, 0);"><span style="color: rgb(255, 102, 0);"><span style="color: rgb(51, 204, 0);"></span></span></span></span></span></span></span></span><span style="font-weight: bold;"><span style="color: rgb(255, 102, 0);"><span style="color: rgb(51, 204, 0);"><span style="color: rgb(51, 204, 0);"><span style="color: rgb(255, 102, 0);"><span style="color: rgb(51, 204, 0);"><span style="color: rgb(255, 102, 0);"><span style="color: rgb(51, 204, 0);"></span></span></span></span></span></span></span></span><span style="font-weight: bold;"><span style="color: rgb(255, 102, 0);"><span style="color: rgb(51, 204, 0);"><span style="color: rgb(51, 204, 0);"><span style="color: rgb(255, 102, 0);"><span style="color: rgb(51, 204, 0);"><span style="color: rgb(255, 102, 0);"><span style="color: rgb(51, 204, 0);"></span></span></span></span></span></span></span></span><span style="font-weight: bold;"><span style="color: rgb(255, 102, 0);"><span style="color: rgb(51, 204, 0);"><span style="color: rgb(51, 204, 0);"><span style="color: rgb(255, 102, 0);"><span style="color: rgb(51, 204, 0);"><span style="color: rgb(255, 102, 0);"><span style="color: rgb(51, 204, 0);"><br /><br /></span></span></span></span></span></span></span></span><span style="font-weight: bold;"><span style="color: rgb(255, 102, 0);"><span style="color: rgb(51, 204, 0);"><span style="color: rgb(51, 204, 0);"><span style="color: rgb(255, 102, 0);"><span style="color: rgb(51, 204, 0);"><span style="color: rgb(255, 102, 0);"><span style="color: rgb(51, 204, 0);"></span></span></span></span></span></span></span></span><span style="font-weight: bold;"><span style="color: rgb(255, 102, 0);"><span style="color: rgb(51, 204, 0);"><span style="color: rgb(51, 204, 0);"><span style="color: rgb(255, 102, 0);"><span style="color: rgb(51, 204, 0);"><span style="color: rgb(255, 102, 0);"><span style="color: rgb(51, 204, 0);"><br /><br /><span style="color: rgb(255, 102, 0);">Note that only one option can be chosen<br /><br /></span></span><br />Check Boxes<br /><br /><span style="color: rgb(51, 204, 0);"><span style="color: rgb(255, 102, 0);">Checkboxes are used when you want the user to select one or more options of a limited number of choices.<br /><br /><span style="color: rgb(51, 204, 0);"><form><br /><input type="checkbox" name="bike">bike<br /><input type="checkbox" name="car">car<br /></form><br /><br /></span></span><br /></span><br />How it looks in browser<br /><br /><span style="color: rgb(51, 204, 0);"><form></form></span></span></span></span></span></span></span></span><span style="font-weight: bold;"><span style="color: rgb(255, 102, 0);"><span style="color: rgb(51, 204, 0);"><span style="color: rgb(51, 204, 0);"><span style="color: rgb(255, 102, 0);"><span style="color: rgb(51, 204, 0);"><span style="color: rgb(255, 102, 0);"><span style="color: rgb(51, 204, 0);"></span></span></span></span></span></span></span></span><span style="font-weight: bold;"><span style="color: rgb(255, 102, 0);"><span style="color: rgb(51, 204, 0);"><span style="color: rgb(51, 204, 0);"><span style="color: rgb(255, 102, 0);"><span style="color: rgb(51, 204, 0);"><span style="color: rgb(255, 102, 0);"><span style="color: rgb(51, 204, 0);"></span></span></span></span></span></span></span></span><span style="font-weight: bold;"><span style="color: rgb(255, 102, 0);"><span style="color: rgb(51, 204, 0);"><span style="color: rgb(51, 204, 0);"><span style="color: rgb(255, 102, 0);"><span style="color: rgb(51, 204, 0);"><span style="color: rgb(255, 102, 0);"><span style="color: rgb(51, 204, 0);"></span></span></span></span></span></span></span></span><span style="font-weight: bold;"><span style="color: rgb(255, 102, 0);"><span style="color: rgb(51, 204, 0);"><span style="color: rgb(51, 204, 0);"><span style="color: rgb(255, 102, 0);"><span style="color: rgb(51, 204, 0);"><span style="color: rgb(255, 102, 0);"><span style="color: rgb(51, 204, 0);"></span></span></span></span></span></span></span></span><span style="font-weight: bold;"><span style="color: rgb(255, 102, 0);"><span style="color: rgb(51, 204, 0);"><span style="color: rgb(51, 204, 0);"><span style="color: rgb(255, 102, 0);"><span style="color: rgb(51, 204, 0);"><span style="color: rgb(255, 102, 0);"><span style="color: rgb(51, 204, 0);"></span></span></span></span></span></span></span></span><span style="font-weight: bold;"><span style="color: rgb(255, 102, 0);"><span style="color: rgb(51, 204, 0);"><span style="color: rgb(51, 204, 0);"><span style="color: rgb(255, 102, 0);"><span style="color: rgb(51, 204, 0);"><span style="color: rgb(255, 102, 0);"><span style="color: rgb(51, 204, 0);"></span></span></span></span></span></span></span></span><span style="font-weight: bold;"><span style="color: rgb(255, 102, 0);"><span style="color: rgb(51, 204, 0);"><span style="color: rgb(51, 204, 0);"><span style="color: rgb(255, 102, 0);"><span style="color: rgb(51, 204, 0);"><span style="color: rgb(255, 102, 0);"><span style="color: rgb(51, 204, 0);"></span></span></span></span></span></span></span></span><span style="font-weight: bold;"><span style="color: rgb(255, 102, 0);"><span style="color: rgb(51, 204, 0);"><span style="color: rgb(51, 204, 0);"><span style="color: rgb(255, 102, 0);"><span style="color: rgb(51, 204, 0);"><span style="color: rgb(255, 102, 0);"><span style="color: rgb(51, 204, 0);"><br /><span style="color: rgb(51, 204, 0);"><input name="bike" type="checkbox">i have a bike</span><br /><span style="color: rgb(51, 204, 0);"><input name="car" type="checkbox">i have a car</span><br /><span style="color: rgb(51, 204, 0);"></span></span><br /></span><br /></span><br /></span><br /></span><br /></span><br /><br /></span></span>rajhttp://www.blogger.com/profile/07775159902177850551noreply@blogger.com0tag:blogger.com,1999:blog-3390997972526934192.post-49006608751470731172009-04-28T22:57:00.000-07:002009-04-29T00:01:43.700-07:00Cell padding and Cell spacing<span style="font-weight: bold; color: rgb(51, 204, 0);"><span style="color: rgb(255, 102, 0);">This tutorial shows how to use cell padding to create more white space between the cell content and its borders.Also this example shows how to use cellspacing to increase the distance between the cells<br /><br /></span><br /><br /><br /><html></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"><body></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"><h4><span style="color: rgb(255, 102, 0);">Without cellpadding</span></h4></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"><table border="1"></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"><tr></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"><td>First</td></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"><td>Row</td></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"></td></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"><tr></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"><td>Second</td></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"><td>Row</td></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"></td></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"></tr></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"></table></span><br /><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"><h4> <span style="color: rgb(255, 102, 0);">with cell padding</span>: </h4></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"><table border="1" cellpadding="10"></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"><tr></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"><td>First</td></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"><td>Row</td></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"></td></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"><tr></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"><td>Second</td></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"><td>Row</td></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"></td></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"></tr></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"></table></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"></body></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"></html></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"><h4><span style="color: rgb(255, 102, 0);">With cellspacing</span>: </h4></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"><table border="1" cellspacing="10"></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"><tr></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"><td>First</td></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"><td>Row</td></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"></td></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"><tr></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"><td>Second</td></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"><td>Row</td></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"></td></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"></tr></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"></table><br /><br /><br /><span style="color: rgb(255, 255, 0);"></span><br /><span style="color: rgb(255, 255, 0);"></span><br /><span style="color: rgb(255, 255, 0);"><h4>Without cellpadding</h4></span><br /><span style="color: rgb(255, 255, 0);"><table border="1"><br /><span style="color: rgb(255, 255, 0);"></span><tbody><tr><br /><span style="color: rgb(255, 255, 0);"></span><td>First</td><br /><span style="color: rgb(255, 255, 0);"></span><td>Row</td><br /><span style="color: rgb(255, 255, 0);"></span><br /><span style="color: rgb(255, 255, 0);"></span></tr><tr><br /><span style="color: rgb(255, 255, 0);"></span><td>Second</td><br /><span style="color: rgb(255, 255, 0);"></span><td>Row</td><br /><span style="color: rgb(255, 255, 0);"></span><br /><span style="color: rgb(255, 255, 0);"></span></tr><br /><span style="color: rgb(255, 255, 0);"></span></tbody></table></span><br /><br /><span style="color: rgb(255, 255, 0);"><h4> with cell padding: </h4></span><br /><span style="color: rgb(255, 255, 0);"><table border="1" cellpadding="10"><br /><span style="color: rgb(255, 255, 0);"></span><tbody><tr><br /><span style="color: rgb(255, 255, 0);"></span><td>First</td><br /><span style="color: rgb(255, 255, 0);"></span><td>Row</td><br /><span style="color: rgb(255, 255, 0);"></span><br /><span style="color: rgb(255, 255, 0);"></span></tr><tr><br /><span style="color: rgb(255, 255, 0);"></span><td>Second</td><br /><span style="color: rgb(255, 255, 0);"></span><td>Row</td><br /><span style="color: rgb(255, 255, 0);"></span><br /><span style="color: rgb(255, 255, 0);"></span></tr><br /><span style="color: rgb(255, 255, 0);"></span></tbody></table></span><br /><span style="color: rgb(255, 255, 0);"></span><br /><span style="color: rgb(255, 255, 0);"></span><br /><span style="color: rgb(255, 255, 0);"><h4>With cellspacing: </h4></span><br /><span style="color: rgb(255, 255, 0);"><table border="1" cellspacing="10"><br /><span style="color: rgb(255, 255, 0);"></span><tbody><tr><br /><span style="color: rgb(255, 255, 0);"></span><td>First</td><br /><span style="color: rgb(255, 255, 0);"></span><td>Row</td><br /><span style="color: rgb(255, 255, 0);"></span><br /><span style="color: rgb(255, 255, 0);"></span></tr><tr><br /><span style="color: rgb(255, 255, 0);"></span><td>Second</td><br /><span style="color: rgb(255, 255, 0);"></span><td>Row</td><br /><span style="color: rgb(255, 255, 0);"></span><br /><span style="color: rgb(255, 255, 0);"></span></tr><br /><span style="color: rgb(255, 255, 0);"></span></tbody></table></span><br /></span>rajhttp://www.blogger.com/profile/07775159902177850551noreply@blogger.com0tag:blogger.com,1999:blog-3390997972526934192.post-78294236379210061642009-04-27T00:17:00.002-07:002009-04-27T00:30:49.033-07:00Add a BackGround Color or Background image to a table<span style="color: rgb(255, 102, 0);"><span style="font-weight: bold;">this tutorial shows how to add a background to a table<br /><br /><span style="color: rgb(51, 204, 0);"><html><br /><body><br /><table border="1" bgcolor="red"><br /><tr><br /><td><br />First<br /></td><br /><td>Row</td><br /></tr><br /><tr><br /><td>Second</td><br /><td>Row</td><br /></tr><br /></table><br /><br /><h4>A background image:</h4><br /><table border="1" background="your image url here"><br /><tr><br /><td><br />background image url here<br /></td><br /><td>background image url here</td><br /></tr><br /><tr><br /><td>background image url here</td><br /><td>background image url here</td><br /></tr><br /></table><br /></body><br /></html><br /><br /><br /><table width="200" bgcolor="red" border="1" height="200"><br /><tbody><tr><br /><td><br />First<br /></td><br /><td>Row</td><br /></tr><br /><tr><br /><td>Second</td><br /><td>row</td><br /></tr><br /></tbody></table><br /><br /><h4>A background image:</h4><br /><table width="200" background="your image url here" border="1" height="200"><br /><tbody><tr><br /><td><br />background<br />image here<br /></td><br /><td>background image here</td><br /></tr><br /><tr><br /><td>background image here</td><br /><td>background image here<br /></td><br /></tr><br /></tbody></table><br /></span><br /><br /></span></span>rajhttp://www.blogger.com/profile/07775159902177850551noreply@blogger.com0tag:blogger.com,1999:blog-3390997972526934192.post-82606763582785258562009-04-27T00:17:00.001-07:002009-04-27T00:17:30.884-07:00Tags inside a table<span style="color: rgb(51, 204, 0);"><span style="font-weight: bold;"><html><br /><body><br /><table border="1"><br /><tr><br /><td><br /><p>this is a paragraph</p><br /><p>this is another paragraph</p><br /></td><br /><td>this cell contains a table<br /><table borders="1"><br /><tr><br /><td>A</td><br /><td>B</td><br /></tr><br /><tr><br /><td>C</td><br /><td>D</td><br /></tr><br /></table><br /></td><br /></tr><br /><td>this cell contains a list<br /><ul><br /><li>apples</li><br /><li>lime</li><br /><li>orange</li><br /></ul><br /></td><br /><td>Hello</td><br /></tr><br /></table><br /></body><br /></html></span></span>rajhttp://www.blogger.com/profile/07775159902177850551noreply@blogger.com0tag:blogger.com,1999:blog-3390997972526934192.post-78110997303539906122009-04-26T23:51:00.000-07:002009-04-27T00:08:40.994-07:00Headings in a Table<span style="color: rgb(255, 102, 0);"><span style="font-weight: bold;"><span style="font-style: italic;">this tutorial shows how to display table headers<br /><br /><br /></span><span style="color: rgb(51, 204, 0);"><html><br /><body><br /><h4>Table Headers</h4><br /><table border="1"><br /><tr><br /><th>Name</th><br /><th>Telephone</th><br /><th>Telephone</th><br /></th><br /></tr><br /><tr><br /><th>Bill Gates</th><br /><th>123456789</th><br /><th>123456789</th><br /></th><br /></tr></span></span></span><br /><span style="font-weight: bold; color: rgb(255, 102, 0);"><h4>Table Headers</h4></span><br /><span style="font-weight: bold; color: rgb(255, 102, 0);"><table border="1"><br /><span style="font-weight: bold; color: rgb(255, 102, 0);"></span><tbody><tr><br /><span style="font-weight: bold; color: rgb(255, 102, 0);"></span><th>Name</th><br /><span style="font-weight: bold; color: rgb(255, 102, 0);"></span><th>Telephone</th><br /><span style="font-weight: bold; color: rgb(255, 102, 0);"></span><th>Telephone</th><br /><span style="font-weight: bold; color: rgb(255, 102, 0);"></span><br /><span style="font-weight: bold; color: rgb(255, 102, 0);"></span></tr><br /><span style="font-weight: bold; color: rgb(255, 102, 0);"></span><tr><br /><span style="font-weight: bold; color: rgb(255, 102, 0);"></span><th>Bill Gates</th><br /><span style="font-weight: bold; color: rgb(255, 102, 0);"></span><th>123456789</th><br /><span style="font-weight: bold; color: rgb(255, 102, 0);"></span><th>123456789</th><br /><span style="font-weight: bold; color: rgb(255, 102, 0);"></span><br /><span style="font-weight: bold; color: rgb(255, 102, 0);"></span></tr><br /><span style="font-weight: bold; color: rgb(255, 102, 0);"></span></tbody></table></span><br /><span style="font-weight: bold; color: rgb(255, 102, 0);"></span><br /><span style="font-weight: bold; color: rgb(255, 102, 0);"></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"><html></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"><body></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"><h4>Vertical headers</h4></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"><table border="1"></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"><tr></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"><th>Name</th></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"><th>Telephone</th></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"><th>Telephone</th></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"></th></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"></tr></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"><tr></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"><th>Bill Gates</th></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"><th>123456789</th></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"><th>123456789</th></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"></th></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"></tr></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"></table></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"></body></span><br /><span style="font-weight: bold; color: rgb(51, 204, 0);"></html></span><br /><span style="font-weight: bold; color: rgb(255, 255, 0);"></span><br /><span style="font-weight: bold; color: rgb(255, 255, 0);"><table style="width: 4px; height: 10px;" border="1"><tbody></tbody></table><span style="color: rgb(255, 102, 0);"><br /></span> <span style="color: rgb(255, 102, 0);"><br /><br /><h4>Vertical headers</h4><table border="1"><tbody><tr><th>Name</th><br /><th>Telephone</th><br /><th>Telephone</th><br /><br /></tr><br /><tr><br /><th>Bill Gates</th><br /><th>123456789</th><br /><th>123456789</th><br /><br /></tr><br /></tbody></table><br /><br /><br /><br /></span><br /></span>rajhttp://www.blogger.com/profile/07775159902177850551noreply@blogger.com0tag:blogger.com,1999:blog-3390997972526934192.post-40042668601942783672009-04-26T23:38:00.000-07:002009-04-26T23:57:25.645-07:00frame attribute<span style="color: rgb(255, 0, 0);"><span style="font-weight: bold;">this tutorial shows us how to use the "frame" attribute to control the borders around the table.</span></span><br /><br /><span style="color: rgb(51, 204, 0);"><span style="font-weight: bold;"><br /><html><br /><body><br /><p><br />if you see no frames around the tables in this tutorial,your browser is too old , or does not support it.<br /></p><br /><h4> With frame="border":</h4><br /><table frame="border"><br /><tr><br /><td>First</td><br /><td>Row</td><br /></tr><br /><tr><br /><td>Second</td><br /><td>Row</td><br /></tr><br /></table><br /><br /><h4> With frame="box":</h4><br /><table frame="box"><br /><tr><br /><td>First</td><br /><td>Row</td><br /></tr><br /><tr><br /><td>Second</td><br /><td>Row</td><br /></tr><br /></table><br /></body><br /></html><br /><br /><br /><div class="codeview"><br /></div></span></span><span style="color: rgb(51, 204, 0);"><span style="font-weight: bold;"><div class="codeview"><br /><br /><br /></div></span></span>rajhttp://www.blogger.com/profile/07775159902177850551noreply@blogger.com0tag:blogger.com,1999:blog-3390997972526934192.post-11533796148274835502009-04-26T23:31:00.000-07:002009-04-26T23:38:29.235-07:00Unordered list Nested List 2<span style="color: rgb(51, 204, 0);"><span style="font-weight: bold;"><span style="color: rgb(255, 102, 0);">this tutorial shows a more complicated nested list<br /><br /><br /></span><br /><html><br /><body><br /><h4>A nested List:</h4><br /><ul><br /><li>Coffee</li><br /><li>Black Tea</li><br /></ul><br /><ul><br /><li>Coffee</li><br /><li>Black Tea</li><br /></ul><br /><ul><br /><li>Coffee</li><br /><li>Black Tea</li><br /></ul><br /></li><br /></ul><br /></li><br /><li>Milk</li><br /></ul><br /></body><br /></html><br /><br /><br /><br /><br /><br /></span></span>rajhttp://www.blogger.com/profile/07775159902177850551noreply@blogger.com0tag:blogger.com,1999:blog-3390997972526934192.post-88716333944634799612009-04-26T23:23:00.000-07:002009-04-26T23:31:17.108-07:00Different types of unordered Lists<span style="color: rgb(255, 102, 0);"><span style="font-weight: bold;">this tutorial shows different types of unordered lists.
<br />
<br /><span style="color: rgb(51, 204, 0);"><html>
<br /><body>
<br /><h4>Disc bullets list:</h4>
<br /><ul type="disc">
<br /><li>Apples</li>
<br /><li>orange</li>
<br /><li>grapes</li>
<br /><li>lime</li>
<br /></ul>
<br />
<br /><h4>Circle bullets list: </h4>
<br /><ul type="circle">
<br /><li>Apples</li>
<br /><li>orange</li>
<br /><li>grapes</li>
<br /><li>lime</li>
<br /></ul>
<br />
<br /><h4>Square bullets list: </h4>
<br /><ul type="square">
<br /><li>Apples</li>
<br /><li>orange</li>
<br /><li>grapes</li>
<br /><li>lime</li>
<br /></ul>
<br /></body>
<br /></html>
<br />
<br />
<br />
<br />
<br /><html>
<br /><body>
<br /><h4>Disc bullets list:</h4>
<br /><ul type="disc">
<br /><li>Apples</li>
<br /><li>orange</li>
<br /><li>grapes</li>
<br /><li>lime</li>
<br /></ul>
<br />
<br /><h4>Circle bullets list: </h4>
<br /><ul type="circle">
<br /><li>Apples</li>
<br /><li>orange</li>
<br /><li>grapes</li>
<br /><li>lime</li>
<br /></ul>
<br />
<br /><h4>Square bullets list: </h4>
<br /><ul type="square">
<br /><li>Apples</li>
<br /><li>orange</li>
<br /><li>grapes</li>
<br /><li>lime</li>
<br /></ul>
<br /></body>
<br /></html>
<br />
<br /></span></span></span>rajhttp://www.blogger.com/profile/07775159902177850551noreply@blogger.com0tag:blogger.com,1999:blog-3390997972526934192.post-90300600566640386342009-04-26T23:16:00.000-07:002009-04-26T23:23:12.879-07:00Send e-mail from a form<span style="color: rgb(255, 102, 0);"><span style="font-weight: bold;">this tutorial shows how to send a e-mail from a form</span></span><br /><br /><span style="color: rgb(51, 204, 0);"><span style="font-weight: bold;"><html><br /><body><br /><form action="MAILTO:John@mysite.com" method="post" enctype="text/plain"><br /><h3>this form sends an email to webprogrammingscripts.blogsopt.com </h3><br /><br />Name:<br><br /><input type="text" name="name" value="yourname" size="20"><br /><br><br />Mail:<br><br /><input type="text" name="email" value="your email" size="20"><br /><br><br><br /><input type="submit" value="Send"><br /><input type="reset" value="Reset"><br /></form><br /></body><br /></html><br /></html><br /><br /><br /><br /><br /><br /><br /><div class="codeview"><br /><br /><br /><form action="MAILTO:John@webprogrammingscripts.blogspot.com" method="post" enctype="text/plain"><br /><h3>this form sends an email to mysite.com</h3><br /><br />Name:<br /><br /><input name="name" value="yourname" size="20" type="text"><br /><br /><br />Mail:<br /><br /><input name="email" value="your email" size="20" type="text"><br /><br /><br /><br /><input value="Send" type="submit"><br /><input value="Reset" type="reset"><br /></form><br /><br /><br /></div><br /></span></span>rajhttp://www.blogger.com/profile/07775159902177850551noreply@blogger.com0tag:blogger.com,1999:blog-3390997972526934192.post-38999374380322341692009-04-26T23:05:00.000-07:002009-04-26T23:11:18.326-07:00Form with input fields and a submit button<span style="color: rgb(255, 102, 0);"><span style="font-weight: bold;">this tutorial shows how to add a form to a page.The form contains two input fields and a submit button.<br /><br /></span></span><br /><br /><br /><br /><span style="color: rgb(51, 204, 0);"><html><br /><body><br /><form name="input" action="html_form_action.asp" method="get"><br />Type your first name:<br /><input type="text" name="FirstName" value="Mickey" size="20"><br /><br>Type your last name:<br /><input type="text" name="LastName" value="Mouse" size="20"><br /><br><br /></form><br /><p><br />If you click the "Submit" button, you will send your input to a new page called html_form_action.asp.<br /></p><br /></body><br /></html><br /><br /></span>rajhttp://www.blogger.com/profile/07775159902177850551noreply@blogger.com0tag:blogger.com,1999:blog-3390997972526934192.post-69407630003483687652009-04-24T03:59:00.000-07:002009-04-24T04:06:43.636-07:00Jump to a specified section with frame navigation<span style="color: rgb(255, 102, 0);"><span style="font-weight: bold;">this demonstrates two frames.The navigation frame (content.htm) to the left contains a list of links with the second frame (link.htm) as target.The second frame shows the linked document.One of the links in the navigation frame is linked to a specified section the target file.The HTML code in the file "content.htm" looks this:<a href="link.htm" target="showframe">Link without Anchor</a><br /><a href="ink.htm#C10" target="showframe">Link with Anchor</a><br /><br /><br /><span style="color: rgb(51, 204, 0);"><html></span><br /><span style="color: rgb(51, 204, 0);"><frameset cols="180,*"></span><br /><span style="color: rgb(51, 204, 0);"><frame src="content.htm"></span><br /><span style="color: rgb(51, 204, 0);"><frame src="link.htm" name="showframe"></span><br /><span style="color: rgb(51, 204, 0);"></frameset></span><br /><span style="color: rgb(51, 204, 0);"></html></span><br /><br /></span></span>rajhttp://www.blogger.com/profile/07775159902177850551noreply@blogger.com0tag:blogger.com,1999:blog-3390997972526934192.post-70383946842632005442009-04-24T03:54:00.000-07:002009-04-24T03:58:37.181-07:00Create an Inline Frame inside an HTML<span style="color: rgb(255, 102, 0);"><span style="font-weight: bold;"><br />This example shows how to Create an Inline Frame inside an HTML<br /><br /><span style="color: rgb(51, 204, 0);"><html></span><br /><span style="color: rgb(51, 204, 0);"><iframesrc ="default.asp"></iframe></span><br /><span style="color: rgb(51, 204, 0);"><p>Some older browsers don't support iframes</p></span><br /><span style="color: rgb(51, 204, 0);"><p>If they dont, the iframe will not be visible</span><br /><span style="color: rgb(51, 204, 0);"></frameset></span><br /><span style="color: rgb(51, 204, 0);"></html></span><br /><br /></span></span>rajhttp://www.blogger.com/profile/07775159902177850551noreply@blogger.com0tag:blogger.com,1999:blog-3390997972526934192.post-70853127305118397452009-04-24T03:49:00.000-07:002009-04-24T03:53:04.408-07:00Mixed Frameset<span style="color: rgb(255, 102, 0);"><span style="font-weight: bold;">This example demonstrates how to make a frameset with three documents, and how to mix them in rows and columns.<br /><br /><span style="color: rgb(51, 204, 0);"><html></span><br /><span style="color: rgb(51, 204, 0);"><framset rows="50%,50%"></span><br /><span style="color: rgb(51, 204, 0);"><frame src="frame_a.htm"></span><br /><span style="color: rgb(51, 204, 0);"><frameset cols="25%, 75%"></span><br /><span style="color: rgb(51, 204, 0);"><frame src="frame_b.htm"></span><br /><span style="color: rgb(51, 204, 0);"><frame src="frame_c.htm"></span><br /><span style="color: rgb(51, 204, 0);"></frameset></span><br /><span style="color: rgb(51, 204, 0);"></frameset></span><br /><span style="color: rgb(51, 204, 0);"></html></span><br /><br /></span></span>rajhttp://www.blogger.com/profile/07775159902177850551noreply@blogger.com0tag:blogger.com,1999:blog-3390997972526934192.post-21140892098366924662009-04-24T03:42:00.000-07:002009-04-24T03:49:19.220-07:00Vertical Frameset<span style="color: rgb(255, 102, 0);"> <span style="font-weight: bold;">This example shows how to make a vertical frameset with three different documents.<br /><br /><span style="color: rgb(51, 204, 0);"><html></span><br /><span style="color: rgb(51, 204, 0);"><framset cols="25%,50%,25%"></span><br /><span style="color: rgb(51, 204, 0);"><frame src="frame_a.htm"></span><br /><span style="color: rgb(51, 204, 0);"><frame src="frame_b.htm"></span><br /><span style="color: rgb(51, 204, 0);"><frame src="frame_c.htm"></span><br /><span style="color: rgb(51, 204, 0);"></frameset></span><br /><span style="color: rgb(51, 204, 0);"></html></span><br /><br /></span></span>rajhttp://www.blogger.com/profile/07775159902177850551noreply@blogger.com0tag:blogger.com,1999:blog-3390997972526934192.post-92228219792744247802009-04-24T02:58:00.000-07:002009-04-24T03:02:13.030-07:00Break Out Of Frame in HTML<span style="color: rgb(255, 102, 0);"><span style="font-weight: bold;"><br />This example demonstrates how to break out of a frame, if your site is locked in a frame.<br /><br /><span style="color: rgb(51, 204, 0);"><html><br /><body><br /><p>Locked in frame</p><br /><a href="http://www.mysite.com/" target= "_top">Click here!</a><br /></body><br /></html><br /></span></span></span>rajhttp://www.blogger.com/profile/07775159902177850551noreply@blogger.com0