HTML File

HTML Commands
1. Make Christmas Tree by using HTML tags
2. Insert image by using HTML tags
3. To display lists in html

<html>
<head>
<title> learning list </title>
<body>
fruits
<ol>
<li> apple </li>
<li> banana </li>

</ol>
<ol type ="i">
<li> apple </li>
<li> banana </li>
</ol>
<ol type="I" start="4">
<li> apple </li>
<li> banana </li>
</ol>
<ol type="A">
<li>
<ol type ="i">
<li> apple </li>
<li> banana </li>
</ol></li>
<li> banana </li></ol>
<ul>
<li> apple </li>
<li> banana </li></ul>
<ul type ="circle">
<li> apple </li>
<li> banana </li>
</ul>
<ul type="square" >
<li> apple </li>
<li> banana </li>
</ul>
</body>
</html>
4. To show Image Map in html.

<html>
<head>
<title>polygon mapping</title>
</head>
<body>
<img src="C:\Users\Public\Pictures\Sample Pictures\Desert.jpg" usemap="#map1">
<map name="map1">
<area shape="polygon" coords="301,143,346,186,347,275,309,313,266,274,265,188"
href="C:\Users\Sunil Sehgal\Desktop\pd\web\1.html">
<area shape="rectangle" coords="457,174,712,302" href="C:\Users\Sunil Sehgal
\Desktop\pd\web\2.html">
<area shape="polygon" coords="619,52,550,131,691,133" href="C:\Users\Sunil Sehgal
\Desktop\pd\web\3.html">
</map>
</body>
</html>
5. Various Commands done in HTML

<html>
<head>
<title>Frame target</title>
</head>
<frameset rows="20%,*">
<frame src="top.html">
<frameset cols="20%,*">
<frame src="left.html">
<frame src="right.html" name="right">
</frameset>
</frameset>
</html>
TOP:
<html>
<head>
<title>Top</title>
</head>
<body>
<h1><center>Lists of commands done in HTML</center></h1>
<h2><center>By Nikhil Sehgal</center></h2>
<h3><center>MBA</center></h3>
<h4><center>Roll No. 006</center></h4>
</body>
</html>
LEFT:
<html>
<head>
<title>Left</title>
</head>
<body>
<a href="Lists.html" target="right">Lists</a><br>
<a href="calender.html" target="right">Calender</a><br>
<a href="stylesheets.html" target="right">Stylesheets</a><br>
<a href="Image Map.html" target="right">Image Map</a><br>
<a href="tree.html" target="right">Christmas tree</a><br>
<a href="timetable.html" target="right">Time Table</a><br>

<a href="listing.html" target="right">Listing</a><br>
<a href="internallink.html" target="right">Internal Linking</a><br>
<a href="image alignment.html" target="right">Image Alignment</a><br>
<a href="image border.html" target="right">Image Border</a><br>
<a href="small to big img.html" target="right">Small To Big Imager</a><br>
</body>
</html>
RIGHT:
<html>
<head>
<title>Right</title>
</head>
<body></body>
</html>
LISTS:
<html>
<head>
<title>Lists</title>
</head>
<body>
<h1>List of subjects in MBA 1st Sem</h1>
<ol>
<li>ME</li>
<li>BLE</li>
<li>ACC</li>
<li>ITM</li>
<li>BC</li>
<li>DS</li>
<li>MPOB</li>
</ol>
</body>
</html>
CALENDER:
<html>
<head>
<title>Calender</title>
</head>
<body>
<table border="10" bordercolor="blue" align="center">
<tr>
<td colspan="7" align="center" valign="center" bgcolor="yellow">OCTOBER 2012</td>
</tr>
<tr>
<td>MON</td>
<td>TUE</td>
<td>WED</td>
<td>THU</td>
<td>FRI</td>
<td>SAT</td>
<td>SUN</td>
</tr>
<tr>
<td>1</td>
<td bgcolor="green" align="center">2</td>
<td>3</td>
<td>4</td>
<td>5</td>
<td>6</td>
<td bgcolor="red">7</td>
</tr>
<tr>
<td>8</td>
<td>9</td>
<td>10</td>
<td>11</td>
<td>12</td>
<td>13</td>
</tr>
<tr>
<td>15</td>
<td>16</td>
<td>17</td>
<td>18</td>
<td>19</td>
<td>20</td>
</tr>
<tr>
<td>22</td>
<td>23</td>
<td>24</td>
<td>25</td>
<td>26</td>
<td>27</td>
</tr>
<tr>
<td>29</td>
<td>30</td>
<td>31</td>
</tr>
</table>
</body>
</html>
STYLESHEETS:
<html>
<head>
<title>Stylesheets</title>
</head>
<body>
<link rel="stylesheet" name="style" type="text/css" href="style.css">
<h1 class="lowercase">MAIMS</h1>
<h1 class="lowercase">SECTOR 22 ROHINI</h1>
<h2>Affiliated to GGSIPU</h2>
<h1 class="uppercase">Other institutes in IP University</h1>
<ol>
<li>DIAS</li>
<li>RDIAS</li>
<li>TECNIA</li>
<li>USMS</li>
</ol>
</link>
</body>
</html>
CHRISTMAS TREE:
<HTML>
<BODY>
<HEAD> CHRISTMAS TREE </HEAD> <br> <br>
<hr size="6"width="18" color="red">
<hr size="10"width="40" color="green">
<hr size="11"width="60" color="blue">
<hr size="12"width="80" color="green">
<hr size="13"width="100" color="pink">
<hr size="14"width="120" color="red">
<hr size="200"width="10" color="brown">
</BODY>
</HTML>
TIME TABLE:
<html>
<head>
<title> Time Table</title>
</head>
<body>
<table border="2">
<tr>
<td>Day</td>
<td>O</td>
<td>I</td>
<td>II</td>
<td>III</td>
<td>IV</td>
<td>V</td>
<td>VI</td>
</tr>
<tr>
<td></td>
<td>11:00-11:30</td>
<td>11:30-12:00</td>
<td>12:00-01:00</td>
<td>01:00-02:00</td>
<td>02:00-03:00</td>
<td>03:00-04:00</td>
<td>04:00-05:00</td>
</tr>
<tr>
<td>Monday</td>
<td rowspan="6" align="center" bgcolor="green">Z<br>e<br>r<br>o<br><br>
H<br>o<br>u<br>r</td>
<td>DS</td>
<td rowspan="6" align="center" bgcolor="red"> B<br><br>r<br><br>e<br><br>a<br><br>k </td>
<td>ITM</td>
<td colspan="2" align="center">MPOB</td>
<td>BLE</td>
</tr>
<tr>
<td>Tuesday</td>
<td>ITM</td>
<td colspan="2" align="center">LAB</td>
<td>BC</td>
<td>DS</td>
</tr>
<tr>
<td>Wednesday</td>
<td>MPOB</td>
<td colspan="2" align="center">ME</td>
<td colspan="2" align="center">LAB</td>
</tr>
<tr>
<td>Thursday</td>
<td>BC</td>
<td colspan="3" align="center"> AFM</td>
<td>BLE</td>
</tr>
<tr>
<td>Friday</td>
<td>ME</td>
<td colspan="2" align="center">DS</td>
<td>BLE</td>
<td>MPOB</td>
</tr>
<tr>
<td>Saturday</td>
<td>BC</td>
<td>DS</td>
<td>MPOB</td>
<td colspan="2" align="center">ITM</td>
</tr>
</table>
</body>
</html>
LISTING:
<html>
<head><title>listing</title>
</head>
<body bgcolor="green">
<h1><b><i><marquee bgcolor="blue" direction="right" behavior="scroll" scrollamount="25"
scrolldelay="125">listing</i></marquee></b></h1>
<ol start=1>
<li>fruits</li>
<ul type="square">
<li>apple</li>
<li>grapes</li>
<li>banana</li>
</ul>
</ol>
<font color="purple">
<ol start=2>
<li>colors</li>
<font color="yellow">
<ul type="diamond">
<li>red</li>
<li>blue</li>
<li>orange</li>
</ul>
</ol>
<font color="orange">
<ol start=3>
<li>nature</li>
<font color="red">
<ul type="circle">
<li>sea</li>
<li>clouds</li>
<li>sun</li>
<li>water</li>
</ul>
</ol>
</html>
INTERNAL LINKING:
<html>
<head>
<title>Linking</title>
</head>
<body>
<a name="top"></a>
<a href="#bottom">down to bottom</a>
<br><br><br><br><br><br><br><br><p>
MAHARAJA AGRASEN INSTITUTE OF MANAGEMENT STUDIES

BBA (GEN, Ist Year) STUDENTS PERSONAL RECORD
S.
No.
ENROLLMENT<br>
NO. STUDENT<br>
NAMEFATHERS
NAMEADDRESS CONTACT NO.
1.
89754201
Sunny
Deol Mr. Dharamendra
10-B,Pitam Pura
9999900000
2.
89754202
Priyanka
Chopra<br><br><br><br><br><br><br><br><br>Mr. P.K
Chopra14-B,Pitam Pura
9999900001
3.
89754203
Sanjay
Dutt Mr. Sunil
Dutt 101, B- Block, Shalimar Bagh
9999900002
4.
89754204
Salman
Khan Mr. Shahrukh
Khan 15/16, C- block , Rohini Sec- 3
9999900003
5.
89754205
Aamir
Khan Mr. Azmal
Khan 17, D- Block, Rohini Sec- 8 9999900004
6.
89754206
Akshay
Kumar Mr. S.D
Kumar 54 Street D Block, Rohini sec- 11 9999900005
7.
89754207
Anushka
Sharma
Mr. K.S
Sharma
120,A, block Shalimar Bagh 9999900006
8.
89754208
Vivek
Oberoi
<br><br><br><br><br><br><br><br><br><br>Mr. Suresh
Oberoi 54,Phase -2 ,Model Town
9999900007
9.
89754209
Abhishek
Bachchan
Mr. Amitabh
Bachchan
56, F- Block, Rohini Sec- 15 9999900008
10.
897542010
Imraan
Khan Mr. Kamaal
.K. Khan
H-454, Phase-1, Kalkaji
9999900009
11.
897542011
Sunil
Pal Mr. D.K
Pal
F-154, Phase-10, Kalkaji
9999900010
12.
897542012
Sushmita
Sen
Mr. L.M
Sen
J-215 ,Metro Street, Gurgaon 9999900011
13.
897542013
Sunil
Shetty Mr. Rohit
Shetty Amrapali Apartments, Sec -47, Noida
9999900012
14.
897542014
Kareena
Kapoor
Mr. Randhir
Kapoor
B-147, Subhash Street, Gurgaon
9999900013
15.
897542015
Katrina
Kaif Mr. Iqbal

Kaif B-154,G-Block, Gurgaon
9999900014
16.
897542016
Sheila Mr. Arbaz
V-254, Street-3 , Rohini
9999900015
17.
897542017
Jennifer
Mr. P.D
F-258, Phase-2 Prashant Vihar
18.
897542018
Imraan
Hashmi
Mr. Mahesh
Bhat H-259, Kavi Nagar 9999900017
19.
897542019
Karishma
Kapoor
Mr. Randhir
Kapoor
K-5,N- Block, Rohini 9999900018
20.
897542020
Shahid Mr. Ranbir
L-6,B-Block, Rohini 9999900019
</p>
<br><a href="#top">back to top</a>
<a name="bottom"></a>
</body>
</html>
9999900016
IMAGE ALIGNMENT:
<html>
<head>
<title>
assignment on image tag </title>
</head>
<body>
<div align="center"> <h1><u> IMAGES </u> </h1></div>
<h5> image 1</h5>
this image is in left...<br>
<img src = "C:\Documents and Settings\All Users\Documents\My Pictures\Sample Pictures\Water
lilies.jpg" height = 50 width = 40 border= 15 vspace =20 hspace = 60>
<br>
<br>
<div align = "right"><h5> image 2 <h5>
this image is in right....<br> </div>
lilies.jpg" align = "right" height =50 width = 40>
<br>
<br>
<div align = "center"> <h5> image 3</h5> <br>
this image is in center....<br>
lilies.jpg" height =50 width = 40>
</div>
<A HREF= "C:\Documents and Settings\BBA\Desktop\INDEX.HTML"> BACK TO MAIN PAGE

</A>
</body>
</html>
IMAGE BORDER:
<html>
<head>
<title>my third program</title>
<img src="C:\Documents and Settings\Admin\Desktop\winter.jpg"width= 400 height= 500
alt="mountains" border =15 align =center>
<img src="C:\Documents and Settings\Admin\Desktop\winter.jpg" width= 400 height= 500 alt="good
morning" border =15 align =center>
</html>
SMALL TO BIG IMAGE:

<html>
<head>
<title>interlinking</title>
</head>
<body>
<a href="C:\Documents and Settings\Admin\Desktop\winter.jpg">
<img src="C:\Documents and Settings\Admin\Desktop\winter.jpg" width=200 height=250>
</a>
</body>
</html>

HTML File

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

HTML File

Uploaded by

Copyright:

Available Formats

HTML Commands

1. Make Christmas Tree by using HTML tags

2. Insert image by using HTML tags

3. To display lists in html

<li> banana </li>

4. To show Image Map in html.

5. Various Commands done in HTML

<a href="timetable.html" target="right">Time Table</a><br>

MAHARAJA AGRASEN INSTITUTE OF MANAGEMENT STUDIES

Kaif Mr. Iqbal

<A HREF= "C:\Documents and Settings\BBA\Desktop\INDEX.HTML"> BACK TO MAIN PAGE

SMALL TO BIG IMAGE:

You might also like