Basic HTML Code Tutorial

ဒါေလးကေတာ့ tutorialweb တခုကေတြ ့လို ့မလာတာ ကိုယ္တိုင္ေရး၇မွာလည္း ပ်င္းလို ့ပါ :P
Create Hyperlink :

<a href="http://yoursitename.com">click to visit</a>

Ex : <a href="http://tutorialwebforblogger.blogspot.com/2011/01/basic-html-code-tutorial.html">click to visit</a>

Result : click to visit

Opened in New Tab

<a href="http://yoursitename.com" target="_blank">click to visit</a>

Ex : <a href="http://yoursitename.com" target="_blank">click to visit</a>

Result : <a href="http://tutorialwebforblogger.blogspot.com/2011/01/basic-html-code-tutorial.html">click to visit</a>

Dofollow link

<a href="http://yoursitename.com" rel="follow">click to visit</a>

Ex : <a href="http://tutorialwebforblogger.blogspot.com/2011/01/basic-html-code-tutorial.html" rel="follow">click to visit</a>

Result : click to visit

Nofollow link

<a href="http://yoursitename.com" rel="nofollow">click to visit</a>

Ex : <a href="http://tutorialwebforblogger.blogspot.com/2011/01/basic-html-code-tutorial.html" rel="nofollow">click to visit</a>

Result : click to visit

Create Email Link :

<a href="mailto:username@domainname.com">send me email</a>

Ex : <a href="mailto:virginiabkr8@gmail.com">send me email</a>

Result : send me email

Insert Image :

<img src="http://domainname.com/yourimage.png">

Ex : <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizpGlHKC_y5WoKZTEDtMcjCsJIUxbJPUQHtlA3wm4144IRzM1j-WWvH_qux-wRvl5L49w81B5PkDBuWLV9evP1VAWk2W17REklJQwxtdFuNQeiVnsgyKx7Wh8e5SXvjQIJ7pQ55qumQeBm/s1600/digg.png">

Result :


Create Clickable Icon, Button, Picture or Banner :

<a href="http://yoursitename.com/thepageyouwanttolinkto.html"><img src="http://domainname.com/yourimage.png" border="0"></a>

Ex : <a href="http://tutorialwebforblogger.blogspot.com/2011/01/basic-html-code-tutorial.html"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizpGlHKC_y5WoKZTEDtMcjCsJIUxbJPUQHtlA3wm4144IRzM1j-WWvH_qux-wRvl5L49w81B5PkDBuWLV9evP1VAWk2W17REklJQwxtdFuNQeiVnsgyKx7Wh8e5SXvjQIJ7pQ55qumQeBm/s1600/digg.png" border="0"></a>

Result :


Bold, Italics, Strong and Emphasis :

<b>bold</b> will become bold

<i>italics</i> will become italics

<strong>strong</strong> will become strong

<em>emphasis</em> will become emphasis

Colors :

<b style="color:green; font-weight:normal;">green blue</b>

Result : green blue

<b style="color:#FD0101; font-weight:normal;">red</b>

Result : red

Underline :

<p style="text-decoration:underline">this is underline</p>

Result :

this is underline

<b style="color:blue; text-decoration:underline; font-weight:normal;">blue underline</b>

Result : blue underline

Remove Underline From Hyperlink :

<a href="http://yoursitename.com" target="_blank" style="text-decoration:none;">this isn't underline</a>

Ex : <a href="http://tutorialwebforblogger.blogspot.com/2011/01/basic-html-code-tutorial.html" target="_blank" style="text-decoration:none;">click to visit</a>

Result : click to visit

Center Text and Image :

<p align="center">text in center</p>

Result :

text in center

<p align="center"><img src="http://domainname.com/yourimage.png"></p>

Ex : <p align="center"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizpGlHKC_y5WoKZTEDtMcjCsJIUxbJPUQHtlA3wm4144IRzM1j-WWvH_qux-wRvl5L49w81B5PkDBuWLV9evP1VAWk2W17REklJQwxtdFuNQeiVnsgyKx7Wh8e5SXvjQIJ7pQ55qumQeBm/s1600/digg.png"></p>

Result :