Htmlassignment 1

INDEX
Serial No. Content Page No.

1 Webpage showing 3
Different formatting
tags
2 Simple ordered list 5
3 Simple unordered list 8
4 Nested ordered list 10
5 Nested unordered list 12
6 Mixed ordered and 14
unordered list
7 Simple table 16
8 Table with different 18
attributes
9 Calender 20
10 Frame 24
11 Admission form 30
12 Sign up form 34
Question 1
Create a webpage showing the effect of Title , bold , italic , underline , font,
subscript, superscript, BR , HR , heading tags .
Output:-
Coding :-
<html>
<head>
<title>This is my first web page </title>
</head>
<body>
<B> Amity </B><BR>
<I>IPU </I><BR>
<U> DU</U><BR>
<B><I><U> SU</B></I></U><BR>
<Font size="10" color="BLUe" face="verdana"> KRCHE
</font><BR>
This Sentence contains <sub>subscript</sub> Text.<Br>
This Sentence contains <sup>superscript</sup> text.<BR>
HTML <hr> Hypertext markup language
<h1> This is heading 1</h1>
<h2>Thisisheading 2 </h2>
</body>
</html>
QUESTION 2
CREATE SIMPLE ORDERED LIST .
Output :-
Coding :-
<html>
<body>
<ol>
<li> BBA </LI>
<LI> BCOM</LI>
<LI> BCA </LI>
</OL>
<ol TYPE ="I">
<li> BBA </LI>
<LI> BCOM</LI>
<LI> BCA </LI>
</OL>
<ol TYPE="i">
<li> BBA </LI>
<LI> BCOM</LI>
<LI> BCA </LI>
</OL>
<ol TYPE="A">
<li> BBA </LI>
<LI> BCOM</LI>
<LI> BCA </LI>
</OL>
<ol TYPE="a">
<li> BBA </LI>
<LI> BCOM</LI>
<LI> BCA </LI>
</OL>
<ol TYPE="1" START ="4">
<li> BBA </LI>
<LI> BCOM</LI>
<LI> BCA </LI>
</OL>
</BODY>
</HTML>
QUESTION 3
CREATE SIMPLE UNORDERED LIST.
Output :-
Coding :-
<html>
<body>
<Ul>
<lI> BBA </LI>
<LI> BCOM</LI>
<LI> BCA </LI>
</UL>
<Ul TYPE= "SQUARE">
<lI> BBA </LI>
<LI> BCOM</LI>
<LI> BCA </LI>
</UL>
<Ul TYPE= "DISC">
<lI> BBA </LI>
<LI> BCOM</LI>
<LI> BCA </LI>
</UL>
<Ul TYPE= "CIRCLE">
<lI> BBA </LI>
<LI> BCOM</LI>
<LI> BCA </LI>
</UL>
</BODY>
</HTML>
QUESTION 4
CREATE NESTED ORDERED LIST .
Output :-
Coding :-
<HTML>
<BODY>
<OL>
<LI>DU</LI>
<OL TYPE="a">
<LI> KMC </LI>
<LI> MLNC </LI>
</OL>
<LI>IPU</LI>
<OL TYPE="i">
<LI> KRCHE </LI>
<LI> MAIMS </LI>
</OL>
</OL>
</BODY>
</HTML>
QUESTION 5
CREATE NESTED UNORDERED LIST .
Output :-
Coding :-
<HTML>
<BODY>
<UL TYPE="SQUARE">
<LI>DU</LI>
<UL TYPE="CIRCLE">
<LI> KMC </LI>
<LI> MLNC </LI>
</UL>
<LI>IPU</LI>
<UL TYPE="DISC">
<LI> KRCHE </LI>
<LI> MAIMS </LI>
</UL>
</UL>
</BODY>
</HTML>
QUESTION 6
CREATE A MIXED ORDERED AND UNORDERED LIST.
Output :-
Coding :-
<HTML>
<BODY>
<OL TYPE ="1">
<LI> DU </LI>
<UL TYPE ="CIRCLE ">
<LI> KMC </LI>
<LI> MLNC </LI>
</UL>
<LI > IPU </LI>
<UL TYPE ="CIRCLE ">
<LI> KRCHE </LI>
<LI> MAIMS </LI>
</UL>
</OL>
</BODY >
</HTML>
QUESTION 7
CREATE A SIMPLE TABLE .
Output : -
Coding :-
<HTML>
<BODY>
<TABLE BORDER>
<TR>
<TH>NAME</TH>
<TH>SALARY</TH>
</TR>
<TR>
<TD>KANIKA</TD>
<TD>10000</TD>
</TR>
<TR>
<TD>SHIVANI</TD>
<TD>15000</TD>
</TR>
<TR>
<TD>SAKSHI</TD>
<TD>20000</TD>
</TR>
<TR>
<TD> MANISHA</TD>
<TD>25000</TD>
</TR>
<TR>
<TD>SUSHMITA</TD>
<TD>30000</TD>
</TR>
</TABLE>
</BODY>
</HTML>
Question 8
Create a table showing effect of colspan, rowspan, cellpadding, cellspacing
, border , border color etc.
Output:-
Coding :-
<HTML>
<BODY>
<TABLE BORDER="2" ALIGN="center" BORDERCOLOR="green"
width="40%" cellspacing ="10"
cellpadding="5" >
<tR>
<TH COLSPAN="5">YEAR AND AREA WISE SALES AND PRODUCTION
</TH>
</TR>
<TR>
<TH ROWSPAN="2">YEAR </TH>
<TH COLSPAN="2">NORTH </TH>
<TH COLSPAN="2">SOUTH </TH>
</TR>
<TR>
<TH COLSPAN=" 1">SALES </TH>
<TH COLSPAN=" 1">PRODUCTION </TH>
<TH COLSPAN=" 1">SALES </TH>
<TH COLSPAN=" 1">PRODUCTION </TH>
</TR>
<TR>
<TD>2007</TD>
<TD>5000</TD>
<TD>4500</TD>
<TD>6000</TD>
<TD>5500</TD>
</TR>
<TR>
<TD>2002</TD>
<TD>1000</TD>
<TD>700</TD>
<TD>1200</TD>
<TD>500</TD>
</TR>
<TR>
<TD>2003</TD>
<TD>1000</TD>
<TD>750</TD>
<TD>800</TD>
<TD>500</TD>
</TR>
</BODY>
</HTML>
Question 9
Create calendar of any month .
Output :-
Coding :-
<html>
<body>
<table border ="10" align="LEFT"bordercolor="blue" width="40%"

CELLSPACING="10" CELLPADDING="5">
<TR>
<TH COLSPAN="7">JAN 2017 </TH>
</TR>
<TR>
<th>MON </th>
<th>TUE </th>
<th> WED </th>
<th> THU</th>
<th> FRI </th>
<th> SAT</th>
<th> SUN</th>
</TR>
<TR>
<TD></TD>
<TD></TD>
<TD></TD>
<TD></TD>
<TD></TD>
<TD></TD>
<TD>1</TD>
</TR>
<TR>
<TD>2</TD>
<TD>3</TD>
<TD>4</TD>
<TD>5</TD>
<TD>6</TD>
<TD>7</TD>
<TD>8</TD>
</TR>
<TR>
<TD>9</TD>
<TD>10</TD>
<TD>11</TD>
<TD>12</TD>
<TD>13</TD>
<TD>14</TD>
<TD>15</TD>
</TR>
<TR>
<TD>16</TD>
<TD>17</TD>
<TD>18</TD>
<TD>19</TD>
<TD>20</TD>
<TD>21</TD>
<TD>22</TD>
</TR>
<TR>
<TD>23</TD>
<TD>24</TD>
<TD>25</TD>
<TD>26</TD>
<TD>27</TD>
<TD>28</TD>
<TD>29</TD>
</TR>
<TR>
<TD>30</TD>
<TD>31</TD>
</TR>
</TABLE>
</BODY>
</HTML>
Question 10
Create a web page demonstrating the use of frames .
Output :-
CODING :-
<HTML>
<BODY BGCOLOR="blue">
<FONT COLOR ="BLACK" SIZE="50" FACE="BOLD"
ALIGN="CENTER" >MAHARAJA AGRASEN PUBLIC SCHOOL </FONT>
</BODY>
</HTML>
OUTPUT:-
CODING:-
<HTML>
<BODY>
MIDDLE SCHOOL <BR>
HIGH SCHOOL <BR>
HIGHER SECONDARY SCHOOL <BR>
</BODY>
</HTML >
OUTPUT :-
CODING :-
<HTML>
<BODY>
MAHARAJA AGRASEN PUBLIC SCHOOL
BAWANA ROAD , NARELA DELHI -110040
</BODY>
</HTML>
OUTPUT :-
CODING :-
<HTML>
<BODY>
TELEPHONE NO.- <BR>
011-27281049 <BR>
011-27285177 <BR>
EMAIL :- <BR>
SCHOOL@MAPSNARELA.COM <BR>
</BODY>
</HTML>
OUTPUT:-
CODING :-
<HTML>
<BODY>
<A HREF="SCHOOLTYPE.HTML" target="right">
SCHOOLTYPE</A><BR>
<A HREF="ADDRESS.HTML"target="right">
ADDRESS </A><BR>
<A HREF="CONTACTDETAILS.HTML"target="right">
CONTACTDETAILS</A><BR>
</BODY>
</HTML>
OUTPUT:-
CODING :-
<HTML>
<BODY>
<A HREF="SCHOOLTYPE.HTML" target="right">
SCHOOLTYPE</A><BR>
<A HREF="ADDRESS.HTML" target="right">
ADDRESS </A><BR>
<A HREF="CONTACTDETAILS.HTML "target="right">
CONTACTDETAILS</A><BR>
</BODY>
</HTML>
Question 11
Create an admission form .
Output :-
Coding :-
<HTML>
<CENTER><H1>ADMISSION FORM</H1></CENTER>
</HTML>
<Form>
COURSE: <select>
<option value="BBA">BBA</option>
<option value="BCA">BCA</option>
<option value="B.COM">B.COM</option>
<option value="BJMC">BJMC</option>
</select>
<br><BR>
First name: <input type="text" name="fname"><br><BR>

Last name: <input type="text" name="lname"><br><BR><BR><BR>
GENDER
<input type="radio" name="gender" value="male" checked> Male
<input type="radio" name="gender" value="female"> Female
<input type="radio" name="gender" value="other"> Other<BR><BR>
DATE OF BIRTH <input type="date" name="bday"><BR><BR><BR>
FATHER'S NAME &nbsp <input type="text" name="FRANME" >
&nbsp &nbsp &nbsp &nbsp &nbsp &nbsp&nbsp &nbsp
MOBILE NO.<input type="text" name="FRANME" ><br><BR>
MOTHER'S NAME <input type="text" name="MNAME" >
&nbsp &nbsp &nbsp &nbsp &nbsp &nbsp&nbsp &nbsp
MOBILE NO.<input type="text" name="FRANME" ><br><BR><br>

ADDRESS : <TEXTAREA ></TEXTAREA><BR><BR><BR><BR>
EMAIL: &nbsp &nbsp &nbsp &nbsp <input type="text" name="EMAIL"
><br><BR><BR><BR>
HOBBIES <input type="checkbox" name="HOBBIES"

value="CRICKET">CRICKET
<input type="CHECKBOX" name="HOBBIES" value="SINGING">

SINGING
<input type="CHECKBOX" name="HOBBIES"
value="FOOTBALL">FOOTBALL
<input type="CHECKBOX" name="fname">OTHERS<input type="text"

name="fname"><br>
<input type="submit" value="Submit">
<input type="RESET" value="RESET">
</FORM>
Question 12
Create a sign up form .
Output:-
Coding :-
<html>
<center><h2>Sign up for ......................</h2></center>

</html>
<FORM>
<label><b>First name</b></label>
<input type="text" placeholder="first name" name="Fname"

required><BR><BR>
<label><b>Last name</b></label>
<input type="text" placeholder="last name" name="lname"

required><BR><BR>
<label><b>Email</b></label>&nbsp &nbsp &nbsp &nbsp
<input type="text" placeholder="Enter Email" name="email"

required><BR><BR>
<label><b>Password</b></label>
<input type="password" placeholder="Enter Password" name="psw"

required><BR><BR>
<label><b>Repeat Password</b></label>
<input type="password" placeholder="Repeat Password" name="psw-
repeat"
required><BR><BR>
<input type="checkbox" checked="checked"> Remember me
<p>By creating an account you agree to our <a href="#">Terms &
Privacy</a>.</p><BR><BR>
<button type="button" class="cancelbtn">Cancel</button>
<button type="submit" class="signupbtn">Sign Up</button>

Htmlassignment 1

Transféré par

Informations du document

Titre original

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

Htmlassignment 1

Transféré par

Droits d'auteur :

Formats disponibles

INDEX

Serial No. Content Page No.

<title>This is my first web page </title>

<B> Amity </B><BR>

<Font size="10" color="BLUe" face="verdana"> KRCHE

This Sentence contains <sub>subscript</sub> Text.<Br>

This Sentence contains <sup>superscript</sup> text.<BR>

HTML <hr> Hypertext markup language

<h1> This is heading 1</h1>

CREATE SIMPLE ORDERED LIST .

<li> BBA </LI>

<LI> BCA </LI>

<ol TYPE ="I">

<li> BBA </LI>

<LI> BCA </LI>

<li> BBA </LI>

<LI> BCA </LI>

<li> BBA </LI>

<LI> BCA </LI>

<li> BBA </LI>

<LI> BCA </LI>

<ol TYPE="1" START ="4">

<li> BBA </LI>

<LI> BCA </LI>

<lI> BBA </LI>

<LI> BCA </LI>

<Ul TYPE= "SQUARE">

<lI> BBA </LI>

<LI> BCA </LI>

<Ul TYPE= "DISC">

<lI> BBA </LI>

<LI> BCA </LI>

<Ul TYPE= "CIRCLE">

<lI> BBA </LI>

<LI> BCA </LI>

<LI> KMC </LI>

<LI> MLNC </LI>

<LI> KRCHE </LI>

<LI> MAIMS </LI>

<LI> KMC </LI>

<LI> MLNC </LI>

<LI> KRCHE </LI>

<LI> MAIMS </LI>

<OL TYPE ="1">

<UL TYPE ="CIRCLE ">

<LI> KMC </LI>

<LI> MLNC </LI>

<LI > IPU </LI>

<UL TYPE ="CIRCLE ">

<LI> KRCHE </LI>

<LI> MAIMS </LI>

<table border ="10" align="LEFT"bordercolor="blue" width="40%"

<TH COLSPAN="7">JAN 2017 </TH>

<th> WED </th>

<th> FRI </th>

<FONT COLOR ="BLACK" SIZE="50" FACE="BOLD"

ALIGN="CENTER" >MAHARAJA AGRASEN PUBLIC SCHOOL </FONT>

MIDDLE SCHOOL <BR>

HIGH SCHOOL <BR>

HIGHER SECONDARY SCHOOL <BR>

MAHARAJA AGRASEN PUBLIC SCHOOL

BAWANA ROAD , NARELA DELHI -110040

TELEPHONE NO.- <BR>