Skip to main content

Posts

Showing posts from January, 2015

How to Create Kite Shape menu using HTML CSS or javascipt

In this tutorial we are going to create Kite Shape menu using HTML CSS and JavaScript. using this method you can create different shape menu as per your interest basic requirement is image you need to set. lets start step by step. Step 1: Create or download image you want here we are going to use kite image as shown  Step 2: open image with Microsoft picture manager and create two different images using picture-> Color option create Black and White image for above picture as shown in picture  Using This Tool create black and white image and colorful image Step 3: create a HTML page paste kitemenu.html  following code in body tag <body> <center> <table height="190" width="56%"> <td background="Kite.jpg" width="18%">         <a href="home.html">   Home</a>  </td> <td background="Kite.jpg" width="18%">                <a href="galar
Read more

HTML Tutorial how to create Horizontal HTML Menu, Vertical HTML Menu, HTML Drop down Menu Step by Step

In this HTML Tutorial we are going to learn how to create Different type of Menu using CSS and HTML UN order list tag <UL> we are gonging to create  1.Horizontal HTML Menu using  CSS < UL> unordered list,   2.Vertical HTML Menu CSS < UL> unordered list, 3.HTML Drop down Menu template CSS < UL> unordered list Step by Step.  you can download complete HTML Menu  tutorial  with CSS and Source code here  you can download download Horizontal HTML Menu using  CSS < UL> unordered list here ,    you can download download Vertical HTML Menu CSS < UL> unordered list here ,  you can download download HTML Drop down Menu template CSS < UL> unordered list here Tutorial 1  Create following  Horizontal HTML Menu using  CSS < UL> unordered list create Mouse Hover class ,  Lets We Learn How to create HTML Horizontal menu step by step Step 1: create A HTML Page copy paste following code in to your HTML <body>tag a
Read more

how to create html template using table tag

how to create html template using table tag <TABLE> </TABLE>   The Table Tag <table > tag is paired Tag   Let’s Take Coding example of table of 2 by 2 <table>   <tr>                   < td> Name </td>                                 <td> Roll No </td>               </tr>                   <tr>                < td> Prakash </td>                                 <td> 56</td>               </tr>   </table> output Name Roll No Prakash 56 Lets understand   attribute of each tag <TABLE   BORDER=??> </TABLE> (pixels) <table border =0> 0 0 0 0 <table border =1> 1 1 1 1 <table border =5> 5 5 5 5 <TABLE   CELLSPACING=?> </TABLE> (pixels) <table cellspacin
Read more