Basic tags of HTML

=> open ur text editer :-

=> And save it as demo.html and write below code:-

<html>
<body>

Hello word<br/>

<hr>

<h1>Heading 1</h1>

<h2>Heading 2</h2>
<h6>Heading 6</h6>

<hr>

<b>Bold</b><br />
<strong>Strong</strong><br />
<i>italic</i></br>
<em>emphasis</em></br>
<u>undeline</u><br />
<b>Nesting </b>
<i>of</i>
<i><u>tags</i></u><br />
<big>Big</big><br />
<small>Small</small><br />
<strike>Strikr</strike><br />
<tt>Typewriter Text</tt><br />
1<sup>st rank<sup><br />
H<sub>2</sub>o<br />

<hr>

<ul>
<li>unorderd list item</li>
<li>unorderd list item</li>
</ul>
<ol>
<li>orderd list item</li>
<li>orderd list item</li>
</ol>

<hr>

<p align="left">
Normal paragraph
</p>
<p align="center">
center align paragraph
</p>
<p align="right">
left align paragraph
</p>
<p align="center">
center tag
</p>
<hr>
<p>
hr tag with color, size,width,align;
</p>
<hr color="blue" size="10" width="500" align="left">

<hr>
<p>
font tag with color, size,width,align;
</p>
<font color="red" width="20" size="10">well come to HTML</font>
<hr>

<p>
img tag with width,hight,align;
</p>
<hr>
<img src="img.jpg" width="600" height="200">
<body>
<html>

=>then run on ur browser.

=>if u download source code then click on below link :-

Download Source Code

Comments

Post a Comment

Popular posts from this blog

How to create simple biodata form in html

=> open ur text editer :- => And save it as bidata.html and write below code:- <html> <body> <table width="800" border="0" align="center" cellpadding="5"> <tr> <td colspan="2">Basic Info<hr/></td> </tr> <tr> <td width="50%" align="right">Full Name:</td> <td>ABC H. XYZ</td> </tr> <tr> <td align="right">Father's Name:</td> <td>HIJ K. XYZ</td> </tr> <tr> <td align="right">Age:</td> <td>22 Years</td> </tr> <tr> <td align="right">Date of Birth:</td> <td>15<sup>th</sup> March</td> </tr> <tr> <td align="right">Religion:</td> <td>PATEL</td...
Read more

How to use Height and Width property in HTML using CSS

  => open ur text editer :- => And save it as propert_height_width.html and write below code:- <html> <head> <style type="text/css"> p{ border: 1px solid #a1a1a1; width: 100%; height: 150px; overflow-x: hidden; overflow-y: scroll; } </style> </head> <body> <p> HTML, by default,is not so attractive... ...This paragraph has fixed height of 150px, width wise there are no issues. But, when content in paragraph increases, it "overflows" out of the  tag. In such cases, to maintain width, scroll bars  are used. <br /><br /> HTML, by default,is not so attractive... ...This paragraph has fixed height of 150px, width wise there are no issues. But, when content in paragraph increases, it "overflows" out of the  tag. In such cases, to maintain width, scroll bars  are used. <br /><br /> HTML, by default,is n...
Read more

How to use cursor property in HTML using CSS

=> open ur text editer :- => And save it as propert_cursor.html and write below code:-   <html> <head> <style type="text/css"> body{ cursor:  w-resize; } </style> </head> <body> <h1>Hello!</h1> <b>let`s have a look at css..</b> <p>HTML by default,is not so attractive.CSS helps in "beautification" of HTMl.  How about learning some CSS magic?CSS stands for Cascading Style Sheet. This file will help you sharpen your CSS skills.</p> </body> </html> =>then run on ur browser. =>if u download source code then click on below link :- Download Source Code
Read more