HomeRegisterLog in

Share | 
 

 HTML Basics

Go down 
AuthorMessage
Wolf
Moderator
Moderator
avatar

Posts : 274
Join date : 2009-01-14
Location : Location, Location.

PostSubject: HTML Basics   Wed Jan 14, 2009 6:28 am

HTML Basics:


For all of you HTML programmers who just started or got a brainfreeze.
I'll be adding to this, so it won't all be just basics.

Beginning your HTML Document:
Start out by typing/copying and pasting:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Done!





Beginning Stuff:
Most people would use an icon for their website, it's easy to do:

Code:
<link rel="icon" href="INSERT IMG URL HERE"/>
Where it says INSERT IMG URL HERE put the url of an image, you'll know it because it ends in .png, .gif, .jpg, .jpeg or any other image thing.
For example, upload an image to Imageflock and copy and paste the code, and insert it.
My icon thingy used to be .

~~~~ALWAYS START YOUR DOCUMENT WITH THE
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
THING~~~~

-----------------------------------------

Now, type
Code:
<HTML>
.
Next, type
Code:
<TITLE>
.
Okay, while looking at this *awesome* tutorial I made, look up.
In Mozilla Firefox, it will say (At the very top) Pro Life Animations blah blah blah blah -Mozilla Firefox
That is the text you'll insert.

For example:
To do the text I showed you up top:
Code:
<TITLE>Pro Life Animations</TITLE>

----------------------------------------

Using
Code:
</****>
Where *** is TITLE, FONT, link rel, etc.
ONE THING YOU MUST REMEMBER: *=WILDCARD (At least in this tutorial. :/)

Whenever you type something like you end it with </(Insert the thingy here)><br />For example:<br /><dl class="codebox"><dt><span class="genmed"><b>Code:</b></dt><dd class="code"><div class="cont_code"><TITLE></div></dd></dl> ends in <dl class="codebox"><dt><span class="genmed"><b>Code:</b></dt><dd class="code"><div class="cont_code"></TITLE></div></dd></dl><dl class="codebox"><dt><span class="genmed"><b>Code:</b></dt><dd class="code"><div class="cont_code"><FONT-COlOR></div></dd></dl> Ends in <dl class="codebox"><dt><span class="genmed"><b>Code:</b></dt><dd class="code"><div class="cont_code"></FONT></div></dd></dl>...<br />Oh yeah, Font HTML just ends in <dl class="codebox"><dt><span class="genmed"><b>Code:</b></dt><dd class="code"><div class="cont_code"></FONT></div></dd></dl>.</strong></div><br /><br /><strong><br />And remember: Codeh is KUL</strong></div><div class="clear"></div></div><span class="gensmall"></span></td></tr></table></td></tr><tr class="post--866" style=""><td class="row1 browse-arrows" align="center" valign="middle" width="150"><a href="#top"><img class="sprite-arrow_subsilver_up" src="https://illiweb.com/fa/empty.gif" alt="Back to top" /></a> <a href="#bottom"><img class="sprite-arrow_subsilver_down" src="https://illiweb.com/fa/empty.gif" alt="Go down" /></a></td><td class="row1 messaging gensmall" width="100%" height="28"><table border="0" cellspacing="0" cellpadding="0"><tr><td valign="middle"> </td></tr></table></td></tr><tr align="right"><td class="catBottom" colspan="2" height="28"><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td width="9%" class="noprint"> </td><td align="center" class="t-title"><a name="bottomtitle"></a><div class="cattitle">HTML Basics</div></td><td align="right" nowrap="nowrap" width="9%" class="browse-arrows"><a href="#top"><img class="sprite-arrow_subsilver_up" src="https://illiweb.com/fa/empty.gif" alt="Back to top" /></a> </td></tr></table></td></tr></table><table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 0 0 1px 0; border-top: 0px;"><tr><td class="row2" valign="top" colspan="2" width="150"><span class="gensmall">Page <strong>1</strong> of <strong>1</strong></span></td></tr></table><table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_close" style="display:none;margin: 1px 0px 1px 0px"><tr><td class="catBottom" height="28"><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td valign="top"><div class="cattitle"> Similar topics</div></td><td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img class="sprite-tabs_more" src="https://illiweb.com/fa/empty.gif" alt="+" align="middle" border="0" /></a></span></td></tr></table></td></tr></table><table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_open" style="display:'';margin: 1px 0px 1px 0px"><tr><td class="catBottom" height="28"><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td valign="top"><div class="cattitle"> Similar topics</div></td><td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img class="sprite-tabs_less" src="https://illiweb.com/fa/empty.gif" alt="-" align="middle" border="0" /></a></span></td></tr></table></td></tr><tr><td class="row2 postbody" valign="top">» <a style="text-decoration:none" href="http://webartz.forumotion.com/t170-html-alone" target="_blank" title="HTML Alone" rel="nofollow">HTML Alone</a><br />» <a style="text-decoration:none" href="http://webartz.forumotion.com/t1033-need-a-custom-html-page" target="_blank" title="Need a custom html page?" rel="nofollow">Need a custom html page?</a><br />» <a style="text-decoration:none" href="http://seleniumforum.forumotion.net/t518-how-to-store-a-html-comment-in-selenium" target="_blank" title="How to store a HTML comment in selenium" rel="nofollow">How to store a HTML comment in selenium</a><br />» <a style="text-decoration:none" href="http://seleniumforum.forumotion.net/t1196-how-to-use-ant-build-to-create-html-reports-in-eclispe" target="_blank" title="How to use ANT build to create HTML reports in Eclispe" rel="nofollow">How to use ANT build to create HTML reports in Eclispe</a><br />» <a style="text-decoration:none" href="http://webartz.forumotion.com/t1087-quote-box-to-html-page" target="_blank" title="Quote box to HTML page" rel="nofollow">Quote box to HTML page</a><br /></td></tr></table><table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td class="row2" colspan="2" align="center" style="padding:0px"><a name="quickreply"></a><br /></td></tr><tr><td style="margin:0; padding: 0;" colspan="2"><table border="0" cellpadding="0" width="100%" cellspacing="0" id="info_open" style="display:''"><tbody><tr><td class="row2" valign="top" width="25%"><span class="gensmall"><strong>Permissions in this forum:</strong></span></td><td class="row1" valign="top" width="75%"><span class="gensmall">You <strong>cannot</strong> reply to topics in this forum<br /></span></td></tr><tr><td class="catBottom" colspan="2" height="28"><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td valign="middle" width="100%"><span class="nav"><a class="nav" href="/">Acid Pulse</a><a class="nav" href=""></a> :: <a href="/c1-general" class="nav"><span>General</span></a> :: <a href="/f14-tech" class="nav"><span>Tech</span></a></span></td><td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img class="sprite-tabs_less" src="https://illiweb.com/fa/empty.gif" alt="-" align="middle" border="0" /></a></span></td></tr></table></td></tr></tbody></table></td></tr><tr><td style="margin:0; padding: 0;" colspan="2"><table border="0" cellpadding="0" cellspacing="0" width="100%" id="info_close" style="display:none;"><tbody><tr><td class="catBottom" colspan="2" height="28"><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td valign="middle" width="100%"><span class="nav"><a class="nav" href="/">Acid Pulse</a><a class="nav" href=""></a> :: <a href="/c1-general" class="nav"><span>General</span></a> :: <a href="/f14-tech" class="nav"><span>Tech</span></a></span></td><td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img class="sprite-tabs_more" src="https://illiweb.com/fa/empty.gif" alt="+" align="middle" border="0" /></a></span></td></tr></table></td></tr></tbody></table></td></tr></table><form action="/viewforum" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}"><table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center"><tr><td align="left" valign="middle" nowrap="nowrap" ><span class="nav"></span></td><td align="right" nowrap="nowrap"><span class="gensmall">Jump to: <select name="selected_id" onchange="if(this.options[this.selectedIndex].value != -1){ forms['jumpbox'].submit() }"><option value="-1">Select a forum</option><option value="-1"></option><option value="-1">|</option><option fix="vrai" value="c4">|--Announcements</option><option fix="vrai" value="f13">|   |--Updates</option><option value="-1">|   </option><option fix="vrai" value="c1">|--General</option><option fix="vrai" value="f24">|   |--Introductions</option><option fix="vrai" value="f1">|   |--Chat</option><option fix="vrai" value="f9">|   |--Media</option><option fix="vrai" value="f14">|   |--Tech</option><option fix="vrai" value="f2">|   |--Help And Requests</option><option value="-1">|   </option><option fix="vrai" value="c2">|--Showoff</option><option fix="vrai" value="f12">|   |--Animations</option><option fix="vrai" value="f16">|   |--Animation Chat</option><option fix="vrai" value="f7">|   |--Art</option><option fix="vrai" value="f19">|   |--Organization</option><option fix="vrai" value="f8">|   |--Tutorials</option><option value="-1">|   </option><option fix="vrai" value="c7">|--Acid Swamp</option><option fix="vrai" value="f28">    |--Acid Swamp</option></select><input type="hidden" name="tid" value="b32830fad5c73251e9800998ecf8427e" /> <input class="liteoption" type="submit" value="Go" /></span></td></tr></table></form><script src="//s7.addthis.com/js/300/addthis_widget.js#pubid=forumotion" type="text/javascript"></script><div id="ob745ee3" style="clear:both;"><div align="center"> <div style="text-align:center; display:inline-block; margin:0 auto;"> <table border="0" cellspacing="0" cellpadding="0" style="padding:0; margin:0; border:none;"> <tbody> <tr> <td valign="top" style="padding:32px 32px; "><script type="text/javascript">//<![CDATA[ function AT_adFillSlot(){document.write('<scr' + 'ipt src="https://www.googletagservices.com/tag/js/gpt.js"> googletag.pubads().definePassback("/1150267/EtoxicSarl_RON_300x250_Key", [300,250]).setTargeting("Etoxic_Login", ["http://acidpulse.lolbb.com/t125-html-basics", "http://acidpulse.lolbb.com/t125-html-basics"]).display();</scr' + 'ipt>');}//]]> </script> <script type="text/javascript">//<![CDATA[ Criteo.DisplayAd({ "zoneid": 561114, "async": false});//]]> </script> <div id="criteoDiv2" style="width:300px;height:250px;"></div> <script type="text/javascript"> Criteo.DisplayAcceptableAdIfAdblocked({ "zoneid": 359488, "containerid": "criteoDiv2", "overrideZoneFloor" : false, "callIfNotAdBlocked": function() { document.getElementById("criteoDiv2").style.display = "none"; } }); </script><noscript><a href='//cas.criteo.com/delivery/ck.php?n=2e3cec51&cb=516e0f4746' target='_blank'><img src='//cas.criteo.com/delivery/avw.php?zoneid=561114&n=2e3cec51&ct0=' border='0' alt='' /></a></noscript></td> <td valign="top" style="padding:32px 32px; "><script type="text/javascript">//<![CDATA[ function AT_adFillSlot(){document.write('<scr' + 'ipt src="https://www.googletagservices.com/tag/js/gpt.js"> googletag.pubads().definePassback("/1150267/EtoxicSarl_RON_300x250_Key", [300,250]).setTargeting("Etoxic_Login", ["http://acidpulse.lolbb.com/t125-html-basics", "http://acidpulse.lolbb.com/t125-html-basics"]).display();</scr' + 'ipt>');}//]]> </script> <script type="text/javascript">//<![CDATA[ Criteo.DisplayAd({ "zoneid": 561114, "async": false});//]]> </script> <div id="criteoDiv20" style="width:300px;height:250px;"></div> <script type="text/javascript"> Criteo.DisplayAcceptableAdIfAdblocked({ "zoneid": 359488, "containerid": "criteoDiv20", "overrideZoneFloor" : false, "callIfNotAdBlocked": function() { document.getElementById("criteoDiv20").style.display = "none"; } }); </script><noscript><a href='//cas.criteo.com/delivery/ck.php?n=2e3cec51&cb=516e0f4746' target='_blank'><img src='//cas.criteo.com/delivery/avw.php?zoneid=561114&n=2e3cec51&ct0=' border='0' alt='' /></a></noscript></td> </tr> </tbody> </table> </div></div></div><div style="height:3px"></div></td><td valign="top" width="0"><div id="emptyidright"></div></td></tr></tbody></table></div></div><!-- close div id="page-body" --><div id="page-footer"><div align="center"><div class="gen"><strong><a href="https://www.forumotion.com/" target="_blank">Create a forum on Forumotion</a></strong> | <span class="gensmall">©</span> <a href="https://www.forumotion.com/phpbb" target="_blank">phpBB</a> | <a name="bottom" href="https://help.forumotion.com/" target="_blank">Free forum support</a> | <a href="/abuse?page=%2Ft125-html-basics&report=1" rel="nofollow">Report an abuse</a> | <strong><a href="https://www.forumotion.com" target="_blank">Forumotion.com</a></strong></div></div></div></td></tr></table><script type="text/javascript">$(document).ready( function() {$('div.ti-connect').attr({'data-loc' : 'https://connect.topicit.net/','data-login' : 'http://acidpulse.lolbb.com/topicit/index.php/connect','data-version' : '1','data-lang' : 'en'});(function(d, s, id) {var js, fjs = d.getElementsByTagName(s)[0];if (d.getElementById(id)) return;js = d.createElement(s); js.id = id;js.src = "https://connect.topicit.net/scripts/connect.js";fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'topicit-connect'));});</script><script type="text/javascript">//<![CDATA[ fa_endpage();//]]></script><script type="text/javascript"> var vglnk = { key: '0d80ae9fe71cec9484f682bd59232f9e' }; (function(d, t) { var s = d.createElement(t); s.type = 'text/javascript'; s.async = true; s.src = '//cdn.viglink.com/api/vglnk.js'; var r = d.getElementsByTagName(t)[0]; r.parentNode.insertBefore(s, r); }(document, 'script')); </script><script type="text/javascript"> document.write('<scr' + 'ipt data-cfasync="false" type="text/javascript" src="https://www.adexchangeguru.com/a/display.php?r=1242764"></scr' + 'ipt>'); </script> <script type="text/javascript"> window._taboola = window._taboola || []; _taboola.push({flush: true}); </script></body></html>