TutorialWebForBlogger

TW4B It's about a blog that talking about blogging widgets, blogger template tutorials, search engine optimization SEO and other useful blogging tips

Below are basic HTML code tutorials . Create Hyperlink : <a href="http://yoursitename.com">click to visit</a> Ex...

Basic HTML Code Tutorial

Below are basic HTML code tutorials.

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="http://1.bp.blogspot.com/_lxBSX0YJV58/SwQiO9krTcI/AAAAAAAAAhc/80Z-NLrZ7wU/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="http://1.bp.blogspot.com/_lxBSX0YJV58/SwQiO9krTcI/AAAAAAAAAhc/80Z-NLrZ7wU/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="http://1.bp.blogspot.com/_lxBSX0YJV58/SwQiO9krTcI/AAAAAAAAAhc/80Z-NLrZ7wU/s1600/digg.png"></p>

Result :

There are no comments yet for 'Basic HTML Code Tutorial'