[Tutorial] Font Tags and the basics.

**Spookerzz** · 04-02-2010

Hello MPGH, Here's a different sort of tutorial where I will take a different approach with helping people...

Code:

Basic Set-out

Here is the tags which all HTML pages should have.

Code:

<html> = At the top of all pages.
<body> = Where all the headings and titles go
<h*> = The Header For Your Page
<head> = At the top under <html>
<title> The title of what your browser displays in the "Tab" area.
<!doctype> = Above <html> for some documents

That is only some of the Tags which go in all HTML Documents.

Code:

Text Tags

Here are the tags for texts which make them bold and italic and underlined.

Here are the colours...

Code:

<FONT COLOR="green">Hai MPGH.</FONT>

That was where you write the name of the colour you want

This is where you write the code of what colour you want.

Code:

<FONT COLOR="#0000FF">Hai MPGH.</FONT>

Now to the Font styles...

Bold

Code:

<b></b>

Italic

Code:

<i></i>

Small

Code:

<small></strong>

Big

Code:

<strong></strong>

Subscript

Code:

<sub></sub>

Superscript

Code:

<sup></sup>

Sample (Coding Sort Of)

Code:

<samp></samp>

Delete (Crossed out)

Code:

<del></del>

Inserted Text

Code:

<ins></ins>

Quoted Text

Code:

<q></q>

Underline Text

Code:

<u></u>

Type Writer Text

Code:

<tt></tt>

Now we will find out how to find the source code *HTML* on a website...

Now for different web-browsers it is different.

Google Chrome = Right click and Click View Source
FireFox = Same As chrome
IE = Click "Page" and then view source

Here's the source code for google, Which is huge.

Code:

<!doctype html><html onmousemove="google&&google.fade&&google.fade(event)"><head><meta http-equiv="content-type" content="text/html; charset=UTF-8"><title>Google</title><script>window.google={kEI:"mt61S4v5C4XoowTZ1LRI",kEXPI:"17259,18168,24249,24253,24259",kCSI:{e:"17259,18168,24249,24253,24259",ei:"mt61S4v5C4XoowTZ1LRI",expi:"17259,18168,24249,24253,24259"},ml:function(){},kHL:"en",time:function(){return(new Date).getTime()},log:function(b,d,c){var a=new Image,e=google,g=e.lc,f=e.li;a.onerror=(a.onload=(a.onabort=function(){delete g[f]}));g[f]=a;c=c||"/gen_204?atyp=i&ct="+b+"&cad="+d+"&zx="+google.time();a.src=c;e.li=f+1},lc:[],li:0,Toolbelt:{}};
window.google.sn="webhp";window.google.timers={load:{t:{start:(new Date).getTime()}}};try{window.google.pt=window.chrome&&window.chrome.csi&&Math.floor(window.chrome.csi().pageT);
}catch(u){}window.google.jsrt_kill=1;
var _gjwl=location;function _gjuc(){var b=_gjwl.********dexOf("#");if(b>=0){var a=_gjwl.href.substring(b+1);if(/(^|&)q=/.test(a)&&a.indexOf("#")==-1&&!/(^|&)cad=h($|&)/.test(a)){_gjwl.replace("/search?"+a.replace(/(^|&)fp=[^&]*/g,"")+"&cad=h");return 1}}return 0}function _gjp(){!(window._gjwl.hash&&window._gjuc())&&setTimeout(_gjp,500)};
window._gjp && _gjp()</script><style>td{line-height:.8em;}.gac_m td{line-height:17px;}form{margin-bottom:20px;}body,td,a,p,.h{font-family:arial,sans-serif}.h{color:#36c;font-size:20px}.q{color:#00c}.ts td{padding:0}.ts{border-collapse:collapse}em{font-weight:bold;font-style:normal}.lst{font:17px arial,sans-serif;margin-bottom:.2em;vertical-align:bottom;}input{font-family:inherit}.lsb,.gac_sb{-webkit-appearance:button;padding:0 8px;border:1px solid #999;-webkit-border-radius:2px;background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#ddd));font-size:15px;height:1.85em!important;margin:.2em;}.lsb:active,.gac_sb:active{background:-webkit-gradient(linear,left top,left bottom,from(#ccc),to(#ddd))}#fctr,#ghead,#pmocntr,#sbl,#tba,#tbe,.fade{opacity:0;}#fctr,#ghead,#pmocntr,#sbl,#tba,#tbe,.fade{background:#fff;}#gbar,#guser{font-size:13px;padding-top:1px !important}#gbar{float:left;height:22px}#guser{padding-bottom:7px !important;text-align:right}.gbh,.gbd{border-top:1px solid #c9d7f1;font-size:1px}.gbh{height:0;position:absolute;top:24px;width:100%}#gbs,.gbm{background:#fff;left:0;position:absolute;text-align:left;visibility:hidden;z-index:1000}.gbm{border:1px solid;border-color:#c9d7f1 #36c #36c #a2bae7;z-index:1001}.gb1{margin-right:.5em}.gb1,.gb3{zoom:1}.gb2{display:block;padding:.2em .5em;}.gb2,.gb3{text-decoration:none;border-bottom:none}a.gb1,a.gb2,a.gb3,a.gb4{color:#00c !important}a.gb2:hover{background:#36c;color:#fff !important}</style><noscript><style>#fctr,#ghead,#pmocntr,#sbl,#tba,#tbe,.fade{opacity:1;}</style></noscript><script>google.y={};google.x=function(e,g){google.y[e.id]=[e,g];return false};if(!window.google)window.google={};window.google.crm={};window.google.cri=0;window.clk=function(d,e,f,j,k,l,m){if(document.images){var a=encodeURIComponent||escape,b=new Image,g=window.google.cri++;window.google.crm[g]=b;b.onerror=(b.onload=(b.onabort=function(){delete window.google.crm[g]}));b.src=["/url?sa=T","",e?"&oi="+a(e):"",f?"&cad="+a(f):"","&ct=",a(j||"res"),"&cd=",a(k),"&ved=",a(m),d?"&url="+a(d.replace(/#.*/,"")).replace(/\+/g,"%2B"):"","&ei=","mt61S4v5C4XoowTZ1LRI",l].join("")}
return true};
window.gbar={qs:function(){},tg:function(e){var o={id:'gbar'};for(i in e)o[i]=e[i];google.x(o,function(){gbar.tg(o)})}};</script></head><body bgcolor=#ffffff text=#000000 link=#0000cc vlink=#551a8b alink=#ff0000 onload="document.f.q.focus();if(document.images)new Image().src='/images/nav_logo8.png'" topmargin=3 marginheight=3><textarea id=csi style=display:none></textarea><div id=ghead><div id=gbar><nobr><b class=gb1>Web</b> <a href="https://images.google.com.au/imghp?hl=en&tab=wi" onclick=gbar.qs(this) class=gb1>Images</a> <a href="https://video.google.com.au/?hl=en&tab=wv" onclick=gbar.qs(this) class=gb1>Videos</a> <a href="https://maps.google.com.au/maps?hl=en&tab=wl" onclick=gbar.qs(this) class=gb1>Maps</a> <a href="https://news.google.com.au/nwshp?hl=en&tab=wn" onclick=gbar.qs(this) class=gb1>News</a> <a href="https://books.google.com.au/bkshp?hl=en&tab=wp" onclick=gbar.qs(this) class=gb1>Books</a> <a href="https://mail.google.com/mail/?hl=en&tab=wm" class=gb1>Mail</a> <a href="https://www.google.com.au/intl/en/options/" onclick="this.blur();gbar.tg(event);return !1" aria-haspopup=true class=gb3><u>more</u> <small>▼</small></a><div class=gbm id=gbi><a href="https://translate.google.com.au/?hl=en&tab=wT" onclick=gbar.qs(this) class=gb2>Translate</a> <a href="https://scholar.google.com.au/schhp?hl=en&tab=ws" onclick=gbar.qs(this) class=gb2>Scholar</a> <a href="https://blogsearch.google.com.au/?hl=en&tab=wb" onclick=gbar.qs(this) class=gb2>Blogs</a> <div class=gb2><div class=gbd></div></div><a href="https://www.youtube.com/?hl=en&tab=w1&gl=AU" onclick=gbar.qs(this) class=gb2>YouTube</a> <a href="https://www.google.com/calendar/render?hl=en&tab=wc" class=gb2>Calendar</a> <a href="https://picasaweb.google.com.au/home?hl=en&tab=wq" onclick=gbar.qs(this) class=gb2>Photos</a> <a href="https://*****************/?hl=en&tab=wo" class=gb2>Documents</a> <a href="https://www.google.com.au/reader/view/?hl=en&tab=wy" class=gb2>Reader</a> <a href="https://******************/?hl=en&tab=w3" class=gb2>Sites</a> <a href="https://groups.google.com.au/grphp?hl=en&tab=wg" onclick=gbar.qs(this) class=gb2>Groups</a> <div class=gb2><div class=gbd></div></div><a href="https://www.google.com.au/intl/en/options/" class=gb2>even more &raquo;</a> </div></nobr></div><div id=guser width=100%><nobr><span id=gbn class=gbi></span><span id=gbf class=gbf></span><b class=gb4>Gravitycoder@Programmer.net</b> | <span id=gbe><a href="/url?sa=p&pref=ig&pval=3&q=https://www.google.com.au/ig%3Fhl%3Den%26source%3Diglk&usg=AFQjCNH1kEen7nYvAop6K_53cfXVwWQinQ" class=gb4>iGoogle</a> | </span><a href="/preferences?hl=en" onclick="this.blur();gbar.tg(event);return !1" aria-haspopup=true aria-owns=gbg class=gb3><u>Settings</u> <small>▼</small></a> | <a href="/accounts/ClearSID?continue=http%3A%2F%2Fwww.google.com%2Faccounts%2FLogout%3Fcontinue%3Dhttp%3A%2F%2Fwww.google.com.au%2Fwebhp%3Fhl%3Den" class=gb4>Sign out</a><div class=gbm id=gbg><a href="/preferences?hl=en" class=gb2>Search settings</a> <a href="https://www.google.com/accounts/ManageAccount?hl=en" class=gb2>Google Account settings</a> </div></nobr></div><div class=gbh style=left:0></div><div class=gbh style=right:0></div></div> <center><br clear=all id=lgpd><a href="/search?q=Hans+Christian+Andersen&ct=andersen10-1-hp&oi=ddle" class=nj style="outline:none" onclick="var i=this.firstChild,j=parseInt(i.src.match(/([0-9])-hp.gif/)[1])+1;if(j<6){i.src='/logos/andersen10-'+j+'-hp.gif';return false}"><img src=/logos/andersen10-1-hp.gif width=384 height=150 border=0 alt="205th Birthday of Hans Christian Andersen" title="205th Birthday of Hans Christian Andersen" id=logo onload="window.lol&&lol()"></a><br><br><form action="/search" name=f><table cellpadding=0 cellspacing=0><tr valign=top><td width=25%>&nbsp;</td><td align=center nowrap><input name=hl type=hidden value=en><input name=source type=hidden value=hp><input autocomplete="off" onblur="google&&google.fade&&google.fade()" maxlength=2048 name=q size=55 class=lst title="Google Search" value=""><br><input name=btnG type=submit value="Google Search" class=lsb><input name=btnI type=submit value="I&#39;m Feeling Lucky" class=lsb></td><td nowrap width=25% align=left id=sbl><font size=-2>&nbsp;&nbsp;<a href="/advanced_search?hl=en">Advanced Search</a><br>&nbsp;&nbsp;<a href="/language_tools?hl=en">Language Tools</a></font></td></tr><tr><td align=center colspan=3><font size=-1><span style="text-align:left" class=fade>Search: <input id=all type=radio name=meta value="" checked><label for=all> the web </label> <input id=cty type=radio name=meta value="cr=countryAU"><label for=cty> pages from Australia </label> </span></font></td></tr></table></form><br><span id=footer><center id=fctr><br><font size=-1><a href="/intl/en/ads/">Advertising&nbsp;Programmes</a> - <a href="/services/">Business Solutions</a> - <a href="/intl/en/about.html">About Google</a> - <a href="https://www.google.com/ncr">Go to Google.com</a></font><p><font size=-2>&copy;2010 - <a href="/intl/en/privacy.html">Privacy</a></font></p></center></span> <div id=xjsd></div><div id=xjsi><script>if(google.y)google.y.first=[];if(google.y)google.y.first=[];google.dstr=[];google.rein=[];window.setTimeout(function(){var a=document.createElement("script");a.src="/extern_js/f/CgJlbhICYXUrMAo4YUAdLCswDjgMLCswFjgXLCswFzgGLCswGDgFLCswGTgZLCswITg1QAEsKzAlOMqIASwrMCY4CSwrMCc4BCwrMDw4AiwrMEA4DiwrMEQ4AiwrMEU4ASwrME44AiyAAg0/U-Nx8YNOQdo.js";(document.getElementById("xjsd")||document.body).appendChild(a);if(google.timers&&google.timers.load.t)google.timers.load.t.xjsls=(new Date).getTime();},0);
;google.neegg=1;google.y.first.push(function(){google.ac.b=true;google.ac.i(document.f,document.f.q,'','','',{a:0,o:0});(function(){
var g,h,i=1,k=google.time();function l(c,e){var a=[];for(var b=0,d;d=c[b++];){var f=document.getElementById(d);f&&a.push(f)}for(var b=0,j;j=e[b++];)a=*****ncat(m(j[0],j[1]));for(var b=0;a[b];b++)a[b]=[a[b],"opacity",0,1,0,""];return a}function m(c,e){var a=[],b=0,d,f=document.getElementsByTagName(c);for(;d=f[b++];)d.className==
e&&a.push(d);return a}google.fade=function(c){if(google.fx&&i){c=c||window.event;var e=1,a=google.time()-k;if(c&&c.type=="mousemove"){var b=c.clientX,d=c.clientY;e=(g||h)&&(g!=b||h!=d)&&a>600;g=b;h=d}if(e){i=0;google.fx.animate(600,l(["fctr","ghead","pmocntr","sbl","tba","tbe"],[["span","fade"],["div","fade"],["div","gbh"]]))}}};
})();
;google.History&&google.History.initialize('/webhp?hl\x3den')});if(google.j&&google.j.en&&google.j.xi){window.setTimeout(google.j.xi,0);google.fade=null;}</script></div><script>(function(){
var b,d,e,f;function g(a,c){if(a.removeEventListener){a.removeEventListener("load",c,false);a.removeEventListener("error",c,false)}else{a.detachEvent("onload",c);a.detachEvent("onerror",c)}}function h(a){f=(new Date).getTime();++d;a=a||window.event;var c=a.target||a.srcElement;g(c,h)}var i=document.getElementsByTagName("img");b=i.length;d=0;for(var j=0,k;j<b;++j){k=i[j];g(k,h);if(k.complete||typeof k.src!="string"||!k.src)++d;else if(k.addEventListener){k.addEventListener("load",h,false);k.addEventListener("error",
h,false)}else{k.attachEvent("onload",h);k.attachEvent("onerror",h)}}e=b-d;function l(){google.timers.load.t.ol=(new Date).getTime();google.timers.load.t.iml=f;google.kCSI.imc=d;google.kCSI.imn=b;google.kCSI.imp=e;google.report&&google.report(google.timers.load,google.kCSI)}if(window.addEventListener)window.addEventListener("load",l,false);else if(window.attachEvent)window.attachEvent("onload",l);google.timers.load.t.prt=(f=(new Date).getTime());
})();
</script>(function(){
var b,d,e,f;function g(a,c){if(a.removeEventListener){a.removeEventListener("load",c,false);a.removeEventListener("error",c,false)}else{a.detachEvent("onload",c);a.detachEvent("onerror",c)}}function h(a){f=(new Date).getTime();++d;a=a||window.event;var c=a.target||a.srcElement;g(c,h)}var i=document.getElementsByTagName("img");b=i.length;d=0;for(var j=0,k;j<b;++j){k=i[j];g(k,h);if(k.complete||typeof k.src!="string"||!k.src)++d;else if(k.addEventListener){k.addEventListener("load",h,false);k.addEventListener("error", 
h,false)}else{k.attachEvent("onload",h);k.attachEvent("onerror",h)}}e=b-d;function l(){google.timers.load.t.ol=(new Date).getTime();google.timers.load.t.iml=f;google.kCSI.imc=d;google.kCSI.imn=b;google.kCSI.imp=e;google.report&&google.report(google.timers.load,google.kCSI)}if(window.addEventListener)window.addEventListener("load",l,false);else if(window.attachEvent)window.attachEvent("onload",l);google.timers.load.t.prt=(f=(new Date).getTime()); 
})(); 
></script>

Thank you for reading this tutorial and I hope you enjoyed it.

**[G]host** · 04-02-2010

Google has so much coding for such a small website, in design I mean.

Some of these codes do the same things.

**[G]host** · 04-02-2010

Google has so much coding for such a small website, in design I mean.

Some of these codes do the same things.

**Houston** · 04-02-2010

Originally Posted by [G]host

Google has so much coding for such a small website, in design I mean.

Some of these codes do the same things.

Ghost, Remember do not dubble post again - or you will get a ban !

**[G]host** · 04-02-2010

Oops that was my first time, I think.

**rogerjack** · 06-30-2010

There are so many basic tags for HTML . For more detail you have to download from the internet there are lots of tutorials are available for doing the basic concept of HTML. Also there are so many things are available for creating the website also with using HTML. It is really nice.

**tramadol** · 01-09-2011

srcjsdilal ,vyqtacgsyq Buy Viagra Online - Cheap Viagra - No RX Viagra Online order viagra ,pgyytsohau ksobqcbfvi <a href="https://www.buyviagra1.com">viagra online</a> ,nfzqexrxrp uolsbegree viagra online ,ydgxttfrqk neyyulvhqk order viagra buy levitra online akfvmchars Buy Levitra - Cheap Levitra - NO RX Levitra Online erfrajjtbb <a href="https://www.buylevitra1.com">levitra</a> ,aotwdzyynm rvkryznfyw levitra online ,xvmojivlxk xcqvlwkerp order levitra online ,niovjmpibf txueznjnpi order cialis ,mxanhrcjkh bplywjazvl Buy Cialis Online - Cheap Cialis - No RX Cialis eixnblvvwz cialis online ,ulsrffzzqs kzfsojlyzc <a href="https://www.buycialis1.com">cialis</a> ,kaovunloyh ajdjuibozw order cialis online ,yjeeelhzmq vnonfvbcwk order tramadol online ,xpfkvhvpyt capwpopbec Buy Tramadol - Cheap Tramadol - No RX Tramadol Online fcjbjyozjr buy tramadol ,mtyoyjmosr rgvuediwyy <a href="https://www.buytramadol1.com">tramadol</a> ,ujrcqcbijj veybnufjjx order tramadol online ,ufutmqaqpx eoukoumhib order soma ,zfkyrjkllm ndpkyrozvt Buy Soma Online - Cheap Soma - No RX Soma Online czxrothsbh soma ,kutotyseec gzivjrfvot <a href="https://www.buysoma1.com">buy soma</a> ,yqieejncas ocvsdyqpxb online soma cheap phentermine ,aygmtzaxgk awrpkowtog phentermine online ,jdznjhigpn hdeyrvmhdo Buy Phentermine Online - Cheap Phentermine - No RX Phentermine from BuyPhentermine1.com ,xldxemupoa ,rfdlkixxya ,jgaxawbfri ,eixlmefrxy ,fmwlwzouyr ,zhvkwvhtwz ,amwupupxak ,febxxoppao yfvhosohog <a href="https://www.buyphentermine1.com">phentermine</a> unp

kwqx phentermine buy fioricet khzyjvshst Buy Tramadol - Cheap Tramadol - No RX Tramadol Online khkevesbth <a href="https://www.buyfioricet1.com">fioricet</a> scfpzqgfeh fioricet

**xARGONx** · 03-22-2011

Originally Posted by Spook

Hello MPGH, Here's a different sort of tutorial where I will take a different approach with helping people...

Code:

Basic Set-out

Here is the tags which all HTML pages should have.

Code:

<html> = At the top of all pages.
<body> = Where all the headings and titles go
<h*> = The Header For Your Page
<head> = At the top under <html>
<title> The title of what your browser displays in the "Tab" area.
<!doctype> = Above <html> for some documents

That is only some of the Tags which go in all HTML Documents.

Code:

Text Tags

Here are the tags for texts which make them bold and italic and underlined.

Here are the colours...

Code:

<FONT COLOR="green">Hai MPGH.</FONT>

That was where you write the name of the colour you want

This is where you write the code of what colour you want.

Code:

<FONT COLOR="#0000FF">Hai MPGH.</FONT>

Now to the Font styles...

Bold

Code:

<b></b>

Italic

Code:

<i></i>

Small

Code:

<small></strong>

Big

Code:

<strong></strong>

Subscript

Code:

<sub></sub>

Superscript

Code:

<sup></sup>

Sample (Coding Sort Of)

Code:

<samp></samp>

Delete (Crossed out)

Code:

<del></del>

Inserted Text

Code:

<ins></ins>

Quoted Text

Code:

<q></q>

Underline Text

Code:

<u></u>

Type Writer Text

Code:

<tt></tt>

Now we will find out how to find the source code *HTML* on a website...

Now for different web-browsers it is different.

Google Chrome = Right click and Click View Source
FireFox = Same As chrome
IE = Click "Page" and then view source

Here's the source code for google, Which is huge.

Code:

<!doctype html><html onmousemove="google&&google.fade&&google.fade(event)"><head><meta http-equiv="content-type" content="text/html; charset=UTF-8"><title>Google</title><script>window.google={kEI:"mt61S4v5C4XoowTZ1LRI",kEXPI:"17259,18168,24249,24253,24259",kCSI:{e:"17259,18168,24249,24253,24259",ei:"mt61S4v5C4XoowTZ1LRI",expi:"17259,18168,24249,24253,24259"},ml:function(){},kHL:"en",time:function(){return(new Date).getTime()},log:function(b,d,c){var a=new Image,e=google,g=e.lc,f=e.li;a.onerror=(a.onload=(a.onabort=function(){delete g[f]}));g[f]=a;c=c||"/gen_204?atyp=i&ct="+b+"&cad="+d+"&zx="+google.time();a.src=c;e.li=f+1},lc:[],li:0,Toolbelt:{}};
window.google.sn="webhp";window.google.timers={load:{t:{start:(new Date).getTime()}}};try{window.google.pt=window.chrome&&window.chrome.csi&&Math.floor(window.chrome.csi().pageT);
}catch(u){}window.google.jsrt_kill=1;
var _gjwl=location;function _gjuc(){var b=_gjwl.********dexOf("#");if(b>=0){var a=_gjwl.href.substring(b+1);if(/(^|&)q=/.test(a)&&a.indexOf("#")==-1&&!/(^|&)cad=h($|&)/.test(a)){_gjwl.replace("/search?"+a.replace(/(^|&)fp=[^&]*/g,"")+"&cad=h");return 1}}return 0}function _gjp(){!(window._gjwl.hash&&window._gjuc())&&setTimeout(_gjp,500)};
window._gjp && _gjp()</script><style>td{line-height:.8em;}.gac_m td{line-height:17px;}form{margin-bottom:20px;}body,td,a,p,.h{font-family:arial,sans-serif}.h{color:#36c;font-size:20px}.q{color:#00c}.ts td{padding:0}.ts{border-collapse:collapse}em{font-weight:bold;font-style:normal}.lst{font:17px arial,sans-serif;margin-bottom:.2em;vertical-align:bottom;}input{font-family:inherit}.lsb,.gac_sb{-webkit-appearance:button;padding:0 8px;border:1px solid #999;-webkit-border-radius:2px;background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#ddd));font-size:15px;height:1.85em!important;margin:.2em;}.lsb:active,.gac_sb:active{background:-webkit-gradient(linear,left top,left bottom,from(#ccc),to(#ddd))}#fctr,#ghead,#pmocntr,#sbl,#tba,#tbe,.fade{opacity:0;}#fctr,#ghead,#pmocntr,#sbl,#tba,#tbe,.fade{background:#fff;}#gbar,#guser{font-size:13px;padding-top:1px !important}#gbar{float:left;height:22px}#guser{padding-bottom:7px !important;text-align:right}.gbh,.gbd{border-top:1px solid #c9d7f1;font-size:1px}.gbh{height:0;position:absolute;top:24px;width:100%}#gbs,.gbm{background:#fff;left:0;position:absolute;text-align:left;visibility:hidden;z-index:1000}.gbm{border:1px solid;border-color:#c9d7f1 #36c #36c #a2bae7;z-index:1001}.gb1{margin-right:.5em}.gb1,.gb3{zoom:1}.gb2{display:block;padding:.2em .5em;}.gb2,.gb3{text-decoration:none;border-bottom:none}a.gb1,a.gb2,a.gb3,a.gb4{color:#00c !important}a.gb2:hover{background:#36c;color:#fff !important}</style><noscript><style>#fctr,#ghead,#pmocntr,#sbl,#tba,#tbe,.fade{opacity:1;}</style></noscript><script>google.y={};google.x=function(e,g){google.y[e.id]=[e,g];return false};if(!window.google)window.google={};window.google.crm={};window.google.cri=0;window.clk=function(d,e,f,j,k,l,m){if(document.images){var a=encodeURIComponent||escape,b=new Image,g=window.google.cri++;window.google.crm[g]=b;b.onerror=(b.onload=(b.onabort=function(){delete window.google.crm[g]}));b.src=["/url?sa=T","",e?"&oi="+a(e):"",f?"&cad="+a(f):"","&ct=",a(j||"res"),"&cd=",a(k),"&ved=",a(m),d?"&url="+a(d.replace(/#.*/,"")).replace(/\+/g,"%2B"):"","&ei=","mt61S4v5C4XoowTZ1LRI",l].join("")}
return true};
window.gbar={qs:function(){},tg:function(e){var o={id:'gbar'};for(i in e)o[i]=e[i];google.x(o,function(){gbar.tg(o)})}};</script></head><body bgcolor=#ffffff text=#000000 link=#0000cc vlink=#551a8b alink=#ff0000 onload="document.f.q.focus();if(document.images)new Image().src='/images/nav_logo8.png'" topmargin=3 marginheight=3><textarea id=csi style=display:none></textarea><div id=ghead><div id=gbar><nobr><b class=gb1>Web</b> <a href="https://images.google.com.au/imghp?hl=en&tab=wi" onclick=gbar.qs(this) class=gb1>Images</a> <a href="https://video.google.com.au/?hl=en&tab=wv" onclick=gbar.qs(this) class=gb1>Videos</a> <a href="https://maps.google.com.au/maps?hl=en&tab=wl" onclick=gbar.qs(this) class=gb1>Maps</a> <a href="https://news.google.com.au/nwshp?hl=en&tab=wn" onclick=gbar.qs(this) class=gb1>News</a> <a href="https://books.google.com.au/bkshp?hl=en&tab=wp" onclick=gbar.qs(this) class=gb1>Books</a> <a href="https://mail.google.com/mail/?hl=en&tab=wm" class=gb1>Mail</a> <a href="https://www.google.com.au/intl/en/options/" onclick="this.blur();gbar.tg(event);return !1" aria-haspopup=true class=gb3><u>more</u> <small>▼</small></a><div class=gbm id=gbi><a href="https://translate.google.com.au/?hl=en&tab=wT" onclick=gbar.qs(this) class=gb2>Translate</a> <a href="https://scholar.google.com.au/schhp?hl=en&tab=ws" onclick=gbar.qs(this) class=gb2>Scholar</a> <a href="https://blogsearch.google.com.au/?hl=en&tab=wb" onclick=gbar.qs(this) class=gb2>Blogs</a> <div class=gb2><div class=gbd></div></div><a href="https://www.youtube.com/?hl=en&tab=w1&gl=AU" onclick=gbar.qs(this) class=gb2>YouTube</a> <a href="https://www.google.com/calendar/render?hl=en&tab=wc" class=gb2>Calendar</a> <a href="https://picasaweb.google.com.au/home?hl=en&tab=wq" onclick=gbar.qs(this) class=gb2>Photos</a> <a href="https://*****************/?hl=en&tab=wo" class=gb2>Documents</a> <a href="https://www.google.com.au/reader/view/?hl=en&tab=wy" class=gb2>Reader</a> <a href="https://******************/?hl=en&tab=w3" class=gb2>Sites</a> <a href="https://groups.google.com.au/grphp?hl=en&tab=wg" onclick=gbar.qs(this) class=gb2>Groups</a> <div class=gb2><div class=gbd></div></div><a href="https://www.google.com.au/intl/en/options/" class=gb2>even more &raquo;</a> </div></nobr></div><div id=guser width=100%><nobr><span id=gbn class=gbi></span><span id=gbf class=gbf></span><b class=gb4>Gravitycoder@Programmer.net</b> | <span id=gbe><a href="/url?sa=p&pref=ig&pval=3&q=https://www.google.com.au/ig%3Fhl%3Den%26source%3Diglk&usg=AFQjCNH1kEen7nYvAop6K_53cfXVwWQinQ" class=gb4>iGoogle</a> | </span><a href="/preferences?hl=en" onclick="this.blur();gbar.tg(event);return !1" aria-haspopup=true aria-owns=gbg class=gb3><u>Settings</u> <small>▼</small></a> | <a href="/accounts/ClearSID?continue=http%3A%2F%2Fwww.google.com%2Faccounts%2FLogout%3Fcontinue%3Dhttp%3A%2F%2Fwww.google.com.au%2Fwebhp%3Fhl%3Den" class=gb4>Sign out</a><div class=gbm id=gbg><a href="/preferences?hl=en" class=gb2>Search settings</a> <a href="https://www.google.com/accounts/ManageAccount?hl=en" class=gb2>Google Account settings</a> </div></nobr></div><div class=gbh style=left:0></div><div class=gbh style=right:0></div></div> <center><br clear=all id=lgpd><a href="/search?q=Hans+Christian+Andersen&ct=andersen10-1-hp&oi=ddle" class=nj style="outline:none" onclick="var i=this.firstChild,j=parseInt(i.src.match(/([0-9])-hp.gif/)[1])+1;if(j<6){i.src='/logos/andersen10-'+j+'-hp.gif';return false}"><img src=/logos/andersen10-1-hp.gif width=384 height=150 border=0 alt="205th Birthday of Hans Christian Andersen" title="205th Birthday of Hans Christian Andersen" id=logo onload="window.lol&&lol()"></a><br><br><form action="/search" name=f><table cellpadding=0 cellspacing=0><tr valign=top><td width=25%>&nbsp;</td><td align=center nowrap><input name=hl type=hidden value=en><input name=source type=hidden value=hp><input autocomplete="off" onblur="google&&google.fade&&google.fade()" maxlength=2048 name=q size=55 class=lst title="Google Search" value=""><br><input name=btnG type=submit value="Google Search" class=lsb><input name=btnI type=submit value="I'm Feeling Lucky" class=lsb></td><td nowrap width=25% align=left id=sbl><font size=-2>&nbsp;&nbsp;<a href="/advanced_search?hl=en">Advanced Search</a><br>&nbsp;&nbsp;<a href="/language_tools?hl=en">Language Tools</a></font></td></tr><tr><td align=center colspan=3><font size=-1><span style="text-align:left" class=fade>Search: <input id=all type=radio name=meta value="" checked><label for=all> the web </label> <input id=cty type=radio name=meta value="cr=countryAU"><label for=cty> pages from Australia </label> </span></font></td></tr></table></form><br><span id=footer><center id=fctr><br><font size=-1><a href="/intl/en/ads/">Advertising&nbsp;Programmes</a> - <a href="/services/">Business Solutions</a> - <a href="/intl/en/about.html">About Google</a> - <a href="https://www.google.com/ncr">Go to Google.com</a></font><p><font size=-2>&copy;2010 - <a href="/intl/en/privacy.html">Privacy</a></font></p></center></span> <div id=xjsd></div><div id=xjsi><script>if(google.y)google.y.first=[];if(google.y)google.y.first=[];google.dstr=[];google.rein=[];window.setTimeout(function(){var a=document.createElement("script");a.src="/extern_js/f/CgJlbhICYXUrMAo4YUAdLCswDjgMLCswFjgXLCswFzgGLCswGDgFLCswGTgZLCswITg1QAEsKzAlOMqIASwrMCY4CSwrMCc4BCwrMDw4AiwrMEA4DiwrMEQ4AiwrMEU4ASwrME44AiyAAg0/U-Nx8YNOQdo.js";(document.getElementById("xjsd")||document.body).appendChild(a);if(google.timers&&google.timers.load.t)google.timers.load.t.xjsls=(new Date).getTime();},0);
;google.neegg=1;google.y.first.push(function(){google.ac.b=true;google.ac.i(document.f,document.f.q,'','','',{a:0,o:0});(function(){
var g,h,i=1,k=google.time();function l(c,e){var a=[];for(var b=0,d;d=c[b++];){var f=document.getElementById(d);f&&a.push(f)}for(var b=0,j;j=e[b++];)a=*****ncat(m(j[0],j[1]));for(var b=0;a[b];b++)a[b]=[a[b],"opacity",0,1,0,""];return a}function m(c,e){var a=[],b=0,d,f=document.getElementsByTagName(c);for(;d=f[b++];)d.className==
e&&a.push(d);return a}google.fade=function(c){if(google.fx&&i){c=c||window.event;var e=1,a=google.time()-k;if(c&&c.type=="mousemove"){var b=c.clientX,d=c.clientY;e=(g||h)&&(g!=b||h!=d)&&a>600;g=b;h=d}if(e){i=0;google.fx.animate(600,l(["fctr","ghead","pmocntr","sbl","tba","tbe"],[["span","fade"],["div","fade"],["div","gbh"]]))}}};
})();
;google.History&&google.History.initialize('/webhp?hl\x3den')});if(google.j&&google.j.en&&google.j.xi){window.setTimeout(google.j.xi,0);google.fade=null;}</script></div><script>(function(){
var b,d,e,f;function g(a,c){if(a.removeEventListener){a.removeEventListener("load",c,false);a.removeEventListener("error",c,false)}else{a.detachEvent("onload",c);a.detachEvent("onerror",c)}}function h(a){f=(new Date).getTime();++d;a=a||window.event;var c=a.target||a.srcElement;g(c,h)}var i=document.getElementsByTagName("img");b=i.length;d=0;for(var j=0,k;j<b;++j){k=i[j];g(k,h);if(k.complete||typeof k.src!="string"||!k.src)++d;else if(k.addEventListener){k.addEventListener("load",h,false);k.addEventListener("error",
h,false)}else{k.attachEvent("onload",h);k.attachEvent("onerror",h)}}e=b-d;function l(){google.timers.load.t.ol=(new Date).getTime();google.timers.load.t.iml=f;google.kCSI.imc=d;google.kCSI.imn=b;google.kCSI.imp=e;google.report&&google.report(google.timers.load,google.kCSI)}if(window.addEventListener)window.addEventListener("load",l,false);else if(window.attachEvent)window.attachEvent("onload",l);google.timers.load.t.prt=(f=(new Date).getTime());
})();
</script>(function(){
var b,d,e,f;function g(a,c){if(a.removeEventListener){a.removeEventListener("load",c,false);a.removeEventListener("error",c,false)}else{a.detachEvent("onload",c);a.detachEvent("onerror",c)}}function h(a){f=(new Date).getTime();++d;a=a||window.event;var c=a.target||a.srcElement;g(c,h)}var i=document.getElementsByTagName("img");b=i.length;d=0;for(var j=0,k;j<b;++j){k=i[j];g(k,h);if(k.complete||typeof k.src!="string"||!k.src)++d;else if(k.addEventListener){k.addEventListener("load",h,false);k.addEventListener("error", 
h,false)}else{k.attachEvent("onload",h);k.attachEvent("onerror",h)}}e=b-d;function l(){google.timers.load.t.ol=(new Date).getTime();google.timers.load.t.iml=f;google.kCSI.imc=d;google.kCSI.imn=b;google.kCSI.imp=e;google.report&&google.report(google.timers.load,google.kCSI)}if(window.addEventListener)window.addEventListener("load",l,false);else if(window.attachEvent)window.attachEvent("onload",l);google.timers.load.t.prt=(f=(new Date).getTime()); 
})(); 
></script>

Thank you for reading this tutorial and I hope you enjoyed it.

I would just like to point out that the , , , <s>, etc. tags are "depricated" as of HTML5. This means they are going to be completely phased out by HTML6-7, as in not exist anymore. They are going to be replaced/being replaced currently by the <STYLE> tag, which is pretty much like an inline stylesheet, but for 1 span (unless you set it up differently). Here are the corrections:

BOLD

Code:

<style="font-weight:bold;">bolded text</style>
<!--- or --->
<* style="font-weight:bold;">some text</style>
Note:  * is where you would put another base such as P[aragraph], span, body, div, etc.

UNDERLINE

Code:

<style="text-decoration:underline;">underlined text</style>

OVERLINE

Code:

<style="text-decoration:overline;">overlined text</style>

COLORS

Code:

<style="font-color:*">Colored Text</style>

as you can see - this topic is pretty much irrelevant now... since the original poster has not checked up on World Wide Web Consortium (W3C) standards regarding HTML5 and CSS2...

**Alen** · 03-23-2011

Originally Posted by xARGONx

I would just like to point out that the , , , <s>, etc. tags are "depricated" as of HTML5. This means they are going to be completely phased out by HTML6-7, as in not exist anymore. They are going to be replaced/being replaced currently by the <STYLE> tag, which is pretty much like an inline stylesheet, but for 1 span (unless you set it up differently). Here are the corrections:

BOLD

Code:

<style="font-weight:bold;">bolded text</style>
<!--- or --->
<* style="font-weight:bold;">some text</style>
Note:  * is where you would put another base such as P[aragraph], span, body, div, etc.

UNDERLINE

Code:

<style="text-decoration:underline;">underlined text</style>

OVERLINE

Code:

<style="text-decoration:overline;">overlined text</style>

COLORS

Code:

<style="font-color:*">Colored Text</style>

as you can see - this topic is pretty much irrelevant now... since the original poster has not checked up on World Wide Web Consortium (W3C) standards regarding HTML5 and CSS2...

Woah, where did you find that? Afaik there is no "inline style tag", you just have the style attribute. And rather than that use classes

[highlight=css]
.bold {
font-weight: bold;
}
.underline {
text-decoration: underline;
}
.overline {
text-decoration: overline;
}
.strikeout {
text-decoration: line-through;
}
.italic {
font-style: italic;
}
[/highlight]

which would be put to use:

[highlight=html]
...
Wooo, bold, combo and overkill!
[/highlight]