html source codes

Thursday, 30 August 2012

How to design(Draw) Bar-chart in html with student marks

10:18:00 Leave a Reply
How to design(Draw) Bar-chart in html with student marks
How to design(Draw) Bar-chart in html with student marks
with output
<html>
<head>
<title>Bar Chart</title>
</head>
<body bgcolor=lightblue>
<h1 align=center ><u>Bar-Chart</u></h1><br>
<h3 align=center ><u>Student passed</u></h1>
<table   align=center>

<tr>
<td  height=10 width="20"  >90%</td>
<td rowspan=6 height=10 width="20" bgcolor=aabbcc></td>

</tr>
<tr>
<td   height=10 width="20" >80%</td>
<td rowspan=5 height=10 width="20" bgcolor=bbaacc></td>


</tr>
<tr><td  height=10 width="20">70%</td>
<td rowspan=4 height=10 width="20" bgcolor=ddccaa></td>

</tr>
<tr><td  height=10 width="20">60%</td>
<td rowspan=3 height=10 width="20" bgcolor=aaffaa></td>

</tr>
<tr><td  height=10 width="20">50%</td>
<td rowspan=2 height=10 width="20" bgcolor=ffooff></td>

</tr>
<tr><td  height=10 width="20">35%</td>

<td rowspan=1 height=10 width="20" bgcolor=aabbcc></td>

</tr>
<tr>
<td>0</td>
<td>Asp.Net</td>
<td>Sql Server</td>
<td>Data structure</td>
<td>C++</td>
<td>Operating System</td>
<td>C language</td>

</tr>
</table>

</body>
</html>

How to Design Admission Form In Html | With Browser Template

10:17:00 Leave a Reply
How to Design Admission Form In Html | With Browser Template
How to draw Admission Form In Html
<body background="D:Glacier Bkgrd.jpg">
<h2 align=center>Admission Form</h2>
<body bgcolor="c3fdb8"
<form >
<fieldset>

<legend>Personal Details</legend>
<table >

<tr><td><b>Students Name:-</td><td><input type="textbox"></td></tr>
<tr><td><b>Father's Name:-</td><td><input type="textbox"></tr>
<tr><td><b>Corespondence Address:-</td><td><textarea></textarea></td></tr>
<tr><td><b>Permanent Address:-</td><td><textarea></textarea></td></tr>
<tr><td><b>Contact No.:-</td><td><input type="textbox"></td></tr>

<tr><td><b>Date Of Birth:-</td><td><b>DD<select><option>1<option>2<option>3<option>4<option>5<option>6<option>7<option>8<option>9<option>10
<option>11<option>12<option>13<option>14<option>15<option>16<option>17<option>18<option>19<option>20
<option>21<option>22<option>23<option>24<option>25<option>26<option>27<option>28<option>29<option>30
<option>31</select><b>MM<select><option>Jan<option>Feb<option>Mar<option>Apr<option>May<option>June<option>July<option>Aug<option>Sept<option>Oct
<option>Nov<option>Dec</select><b>YYYY<select><option>1901<option>1902<option>1903<option>1904<option>1905<option>1906<option>1907<option>1908<option>1909<option>1910
<option>1911<option>1912<option>1913<option>1914<option>1915<option>1916<option>1917<option>1918<option>1919<option>1920
<option>1921<option>1922<option>1923<option>1924<option>1925<option>1926<option>1927<option>1928<option>1929<option>1930
<option>1931<option>1932<option>1933<option>1934<option>1935<option>1936<option>1937<option>1938<option>1939<option>1940
<option>1941<option>1942<option>1943<option>1944<option>1945<option>1946<option>1947<option>1948<option>1949<option>1950
<option>1951<option>1952<option>1953<option>1954<option>1955<option>1956<option>1957<option>1958<option>1959<option>1960
<option>1961<option>1962<option>1963<option>1964<option>1965<option>1966<option>1967<option>1968<option>1969<option>1970
<option>1971<option>1972<option>1973<option>1974<option>1975<option>1976<option>1977<option>1978<option>1979<option>1980
<option>1981<option>1982<option>1983<option>1984<option>1985<option>1986<option>1987<option>1988<option>1989<option>1990
<option>1991<option>1992<option>1993<option>1994<option>1995<option>1996<option>1997<option>1998<option>1999<option>2000
</select></td></tr>

<tr><td><b>Gender:-</td><td><b>Male<input type=radio name=aa><b>Female<input type=radio name=aa></td>
</tr>

</table>
</fieldset>
<br>
<b>Last Attended College:-</b><input type=text>
<br>

<fieldset>
<legend>Educational Details</legend>

<table border=1>
<tr><th>Qualification</th><th>Univesity</th><th>Year Of Passing</th><th>Percentage</th></tr>
<tr><th>SSC</th><th><input type="textbox"></th><th><input type="textbox"></th><th><input type="textbox"></th></tr>
<tr><th>HSC</th><th><input type="textbox"></th><th><input type="textbox"></th><th><input type="textbox"></th></tr>
<tr><th><input type="textbox"></th><th><input type="textbox"></th><th><input type="textbox"></th><th><input type="textbox"></th></tr>
</table>
</fieldset>

</form>

How to (design) draw Logical cartoon Table with colour in html in browser

10:17:00 Leave a Reply
How to (design) draw Logical cartoon Table with colour in html in browser
Logic to develop code
<html>
<body bgcolor="lightcyan">
<br>
<br>
<center>
<b>
 <font size=1 color="ffffaa">e</font>
 <font size=2 color="ffeebb">x</font>
 <font size=3 color="ffddcc">a</font>
 <font size=4 color="ffccdd">m</font>
 <font size=5 color="ffbbee">p</font>
 <font size=6 color="ffaaff">l</font>
 <font size=6 color="ffeabb">e</font>
 <font size=5 color="ff876631">s</font>
 <font size=4 color="ff567556">c</font>
 <font size=3 color="ffef23">o</font>
 <font size=2 color="ff76878">d</font>
 <font size=1 color="ff76834">e</font>
 </b>
</center>
<hr color="3453453">
<br><br>

<pre>

<b>
              
              
              
        < * * >
        <  #   >    "Hi How are you"
         !   !
         !   !
</b>
</pre>
<br>
<hr color="3453453">
<br>
<table cellspacing=1 cellpadding=1 border=1 width=500>
<tr

bgcolor="567563453"><th>Date</th><th>Subject</th><th>Time</th><th>BlockNo.</th><th>RollNo</t

h></tr>
<tr bgcolor="45674564"><td rowspan=2>25/11/2008</td><td rowspan=2>CPP</td><td rowspan=2>2pm

to 5pm</td><td>21</td><td>1400 to 1430</td></tr>
<tr bgcolor="45674564"><td>22</td><td>1431 to 1460</td></tr>
<tr  bgcolor="6534545"><td rowspan=2>26/11/2008</td><td rowspan=2>MSS</td><td rowspan=2>2pm

to 5pm</td><td>19</td><td>1400 to 1430</td></tr>
<tr  bgcolor="6534545"><td>20</td><td>1431 to 1460</td></tr>
<tr bgcolor="45674564"><td rowspan=2>29/11/2008</td><td rowspan=2>CN</td><td rowspan=2>2pm

to 5pm</td><td>20</td><td>1400 to 1430</td></tr>
<tr bgcolor="45674564"><td>21</td><td>1431 to 1460</td></tr>
<tr  bgcolor="6534545"><td rowspan=2>30/11/2008</td><td rowspan=2>WST</td><td rowspan=2>2pm

to 5pm</td><td>21</td><td>1400 to 1430</td></tr>
<tr  bgcolor="6534545"><td>22</td><td>1431 to 1460</td></tr>
<tr bgcolor="45674564"><td rowspan=2>1/12/2008</td><td rowspan=2>OOAD</td><td rowspan=2>2pm

to 5pm</td><td>21</td><td>1400 to 1430</td></tr>
<tr bgcolor="45674564"><td>22</td><td>1431 to 1460</td></tr>
<tr  bgcolor="6534545"><td rowspan=2>2/12/2008</td><td rowspan=2>STATS</td><td rowspan=2>2pm

to 5pm</td><td>21</td><td>1400 to 1430</td></tr>
<tr  bgcolor="6534545"><td>22</td><td>1431 to 1460</td></tr>
</b>
</table>
</body>
</html>

How to Create Embedded css | write css code | Logic

10:16:00 Leave a Reply
How to Create Embedded css | write css code | Logic
Whenever you want to write or create css just write script within the head tag.
Then close after </script>
<head><script> ... your Script code Here ....</script></Head>

<head><title>Contents</title>
<style type="text/css">

a{
text-decoration:none;
color:white;
font-size:16;
}

a:hover{
background-color:cyan;
font-size:16;
}



td
{
width:120px;
height:16px;
background-image:url('images\bgr.jpg');
font-style:verdana;
font-size:12px;
font-weight:normal;
text-align:center;
background-color:#9ACD32;
}

th
{
width:120px;
COLOR:blue;
height:21px;
background-image:url('images\SUBMIT.gIF');
font-style:verdana;
font-size:15px;
font-weight:normal;
text-align:center;
background-color:hotpink;
}


</style>
</head>