Scribd
Upload
124 views35 pages

Htmlassignment 1

The document contains the assignments submitted by Tarun Diwan to Mr. Ajay Sharma for the subject of computer applications. It includes 12 questions related to HTML tags for creating basic web elements like headings, paragraphs, lists, tables, forms and frames. For each question, the expected output is provided along with the HTML coding to generate that output.

Uploaded by

Playboy
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
124 views35 pages

Htmlassignment 1

The document contains the assignments submitted by Tarun Diwan to Mr. Ajay Sharma for the subject of computer applications. It includes 12 questions related to HTML tags for creating basic web elements like headings, paragraphs, lists, tables, forms and frames. For each question, the expected output is provided along with the HTML coding to generate that output.

Uploaded by

Playboy
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 35

ASSIGNMENT

0F

COMPUTER APPLICATIONS

SUBMMITED BY:- SUBMMITED TO:-

TARUN DIWAN MR.AJAY SHARMA SIR

BBA 2ND YEAR (LECTURER)

1ST SHIFT

42319301715

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>

<h3>Thisisheading 3 </h3>

<h4>Thisisheading 4 </h4>

<h5>Thisisheading 5 </h5>

<h6>Thisisheading 6 </h6>

</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 .

Coding :-

<HTML>
<BODY>
<TABLE BORDER>

<TR>
<TH>NAME</TH>
<TH>SALARY</TH>
</TR>

<TR>
<TD>BHANU</TD>
<TD>10000</TD>
</TR>

<TR>
<TD>MOHIT</TD>
<TD>15000</TD>
</TR>

<TR>
<TD>SHUBHAM</TD>
<TD>20000</TD>
</TR>

<TR>
<TD>DEVANSH</TD>
<TD>25000</TD>
</TR>

<TR>
<TD>NAMAN</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>

[email protected] <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>

You might also like