You are on page 1of 52

NAKSH

ARORA
06890301716

Assignment-1
Question: Create a HTML file for displaying a webpage with following Tags. The file should contain a brief
description about all these tags:

1. Bold
2. Italics
3. Underline
4. Alignment
5. Paragraph
6. Text color
7. Headings
8. HR
9. Background Color
10. Line break
11. Pre

Coding:

<html>

<head>

<title> Name Rollno Assignment-1</title>

</head>

<body bgcolor="Pink">

<b> This text is Bold</b><br>

<i> This text is in Italics</i><br>

<u> This text is Underlined</u>

<center> This text is aligned in the center</center>

<p> This is a paragraph</p>

<font color="Red"> This text is in Red Color</font>

<h1> Heading 1 </h1>

<h2> Heading 2 </h2>

<h3> Heading 3 </h3>

<h4> Heading 4 </h4>

<h5> Heading 5 </h5>

Page 1
NAKSH
ARORA
06890301716

<h6> Heading 6 </h6>

<hr>

<Pre> This is a preformatted text

It preserves spaces and line breaks</Pre>

</body>

</html>

Output

Page 2
NAKSH
ARORA
06890301716

Assignment-2

Question: Design a Web Page of your CV with headings as Objective, educational qualification, achievements,
strengths, hobbies and personal details.

Apply following specifications:

 Insert a horizontal line after every above mentioned heading (Eg. Insert horizontal line once objectives
are complete)
 Set any light color as page background.
 Bold and underline every heading
 Use heading tag to specify the headings
 Use pre tag for Educational Qualification
 Use Base font tag for all the text

Coding:

<html>

<head>

<basefont color="Red" size="5">

<title> Name RollNo Assignment-2 </title>

</head>

<body bgcolor="Pink">

<h1 align="center"> Curriculum Vitae </H1>

<h2><b><u> Objective </u></b></h2>

<p>

Page 3
NAKSH
ARORA
06890301716

To obtain a job within my chosen field that will challenge me and allow me to use my education and skills in
a way that is mutually beneficial to both myself and my employer and allow for future growth and
advancement.

</p>

<hr color="blue" size="5">

<h2><b><u> Educational Qualification </u></b></h2>

<pre>

Class Board Percentage

X CBSE 70%

XII CBSE 75%

</pre>

<hr color="blue" size="5">

<h2><b><u> Achievements </u></b></h2>

Gold Medal in National Quiz Competition

<hr color="blue" size="5">

<h2><b><u> Strengths </u></b></h2>

Punctuality<br>

Honesty

<hr color="blue" size="5">

<h2><b><u> Hobbies </u></b></h2>

Reading Books <br>

Listening Music

<hr color="blue" size="5">

<h2><b><u> Personal Details </u></b></h2>

<pre>

Name: Priti Sharma

Contact No.: 7676686868

Page 4
NAKSH
ARORA
06890301716

Address: D2 Vasant Kunj

<hr color="blue" size="5">

</body>

</html>

Output:

Page 5
NAKSH
ARORA
06890301716

Assignment-3
Question: Design a Web Site of IITM with following specifications:

Page 6
NAKSH
ARORA
06890301716

 Design a home page with Name, Vision and Mission of the College.
 Insert an image of IITM on right top
 Insert a marquee to display Admissions Open (using proper attributes)
 Make hyperlinks with the name Courses Available, Shifts and Location.
 Make a hyperlink to come back on the page on every web page (i.e. Courses, shifts and location).
 Use different paragraphs and fonts.

Coding:

<html>

<body>

<h1 align="Center"> IINTM </h1>

<imgsrc="Users\student\libraries\pictures\penguins.jpg" align="right" height="150"


width="100"></img><br><br><br><br><br><br><br><br><br><br>

<h2> VISION</h2>

<p><font face="Algerian">The Institute aims to be a centre of excellence promoting value based quality
education in the emerging areas of professional studies in Information Technology & Management.

</font></p><br><br>

<h2> MISSION</h2>

<p><font face="Arial Black">The Institute endeavors to contribute towards meeting the growing demands
for competent and trained Information Technology professionals, Software Engineers and World class
managers determined to achieve excellence.

</font></p><br><br>

<h2><marquee direction="right" bgcolor="red" behavior="alternate" height="50"> ADMISSION


OPEN</marquee></h2><br>

<h2><a href="C:\Users\Priti Sharma\Desktop\Courses.html"> Courses Available</a></h2><br>

<h2><a href="C:\Users\Priti Sharma\Desktop\Shifts.html"> Shifts </a></h2><br><br>

<h2><a href="C:\Users\Priti Sharma\Desktop\Location.html"> Location </a></h2><br><br>

</body>

</html>

Page 7
NAKSH
ARORA
06890301716

Output:

Page 8
NAKSH
ARORA
06890301716

Assignment no-4
Question: Design a web site with the name as html tutorial with following specifications -

Make following hyperlinks (i.e. 5 different web pages):

 formatting styles and headings: include bold, italics, underline, strike, subscript, superscript and all
six type of headings
 font styles and images: font and basefont tag, image tag
 anchor: internal (linking within page) and external (linking with other documents) links
 marquee: move text, image and hyperlink
 other tags: br, hr, pre, p, blockquote

include following specifications:-

 in all these web pages only mention about use, attributes apply them.
 insert a background image on home page
 insert a marquee showing html tutorial as moving text.
 after every tag put a horizontal line
 on every page, make a hyperlink for going back to home page.

coding

<html>

<body>

<b>this text is bold</b>

<hr size="5" color="red">

<i>this text is italicize</i>

<hr size="5" color="red">

<u>this text is undelined</u>

Page 9
NAKSH
ARORA
06890301716

<hr size="5" color="red">

<s>this text is in striked</s>

<hr size="5" color="red">

aa<sup> this text is superscripted </sup>

<hr size="5" color="red">

aa<sub> this text is subcripted </sub>

<hr size="5" color="red">

<h1>heading 1 <h1>

<hr size="5" color="red">

<h2>heading 2 <h2>

<hr size="5" color="red">

<h3>heading 3 <h3>

<hr size="5" color="red">

<h4>heading 4<h4>

<hr size="5" color="red">

<h5>heading 5<h5>

<hr size="5" color="red">

<h6>heading 6<h6>

</body>

</html>

output –

Page 10
NAKSH
ARORA
06890301716

coding :

<html>

<body>

my name is Smridhi Kakkar

<br>

<font face="times new roman" size="5" color="red">

<br>

currently i am pursuing bba course from iitm college which is affiliated to guru gobind singh
indraprastha university.

</font>

<br>my hobbies are Writing and watching cricket.

<br>

<img src="c:\users\student\desktop\wallhaven-627620.jpg" height="100" width="150">

<a href="c:\users\student\desktop\ass 4\homepage.html>"home page</a>

</body>

Page 11
NAKSH
ARORA
06890301716

</html>

output –

coding :

<html>

<body>

<marquee bgcolor="yellow">this is text </marquee>

<hr size="5" color="red">

<marquee direction="right"><img src ="c:\users\aar\downloads\01.jpg"></marquee>

<hr size="5" color="red">

<marquee>

<a href="file:///c:/users/abc/desktop/3%20rohit.html">homepage</a></marquee>

<hr size="5" color="red">

</body>

</html>

Page 12
NAKSH
ARORA
06890301716

output –

coding :

<html>

<body>

<pre>

<h1> home page

</h1>

<a href="c:\users\student\desktop\ass 4\page 1.html">page 1</a>

<a href="c:\users\student\desktop\ass 4\page 2.html">page 2</a>

<a href="c:\users\student\desktop\ass 4\page 3.html">page 3<a/>

</body>

</html

output –

Page 13
NAKSH
ARORA
06890301716

Assignment-5

Write a HTML code to print the following lines in same manners:

In Mathematics, a quadratic equation is a polynomial equation of the second degree. The general form is
ax2+bx+c=0
Where != 0 (For if a=0, the equation becomes a linear equation)

Page 14
NAKSH
ARORA
06890301716

"CHEMICAL EQUATION"

4H3PO3 = 3H3PO4+PH3
and other expression as
Pnew= Pold + X2-Yacosx

Coding:
<html>
<head>
<title> Nikita 07090301716 Assignment-5 </title>
</head>
<body bgcolor="pink">
<center>
<pre>
<font color="Red" size="3" face="Arial Black">
In Mathematic, a quadratic equation is a polynomial
equation of the second degree. The general form is
ax<sup>2</sup>+bx+c=0
Where!=0 (For if a=0, the equation becomes linear
equation)
<hr align="center" width="450" color="blue">
<u>CHEMICAL EQUATION</u>
4H<sub>3</sub>PO<sub>3</sub>=3H<sub>3</sub>PO<sub>4</sub>+PH<sub>3</sub>
and other expression as
P<sub>new</sub>=P<sub>old</sub>+X<sup>2</sup>-Y<sup>acosx</sup>

</font>
</pre>
</center>
</body>

Page 15
NAKSH
ARORA
06890301716

</html>

output

Assignment-6
Q1. Design the following list

Departments of college

Page 16
NAKSH
ARORA
06890301716

1. Department of computer science

 B.Sc. computer science


 M.Sc. computer science
 PGDCA

2. Department of mathematics

 B.Sc. mathematics
 M.Sc msthema5tics
 M.phil. mathematics

3. Department of zoology

 B.Sc. zoology
 M.sc. zoology
 M.phil. zoology
 Ph.D. zoology

Apply following parts:

 Insert a background image


 Display a marquee displaying “Admissions open for PhD in zoology
 Use different font styles and colors for departments
 Insert horizontal line after every department

CODING

<html>
<body background="C:\Users\student\Desktop\logo.jpg">
<h1><marquee bgcolor="red">Admission open in Zoology</marquee></h1>
<h1 align="centre">Departments of college</h1>
<ol type="1">
<li> department of computer science</li>
<ul type="disc">
<li>Bsc computer science</li>
<li>Msc computer science</li>
<li>PGDCA</li>
</ul>
<li> Department of mathematics</li>
<ul type="disc">
<li> Bsc in mathematics </li>
<li> Msc in mathematics </li>
<li> M.phil. in mathematics </li>
</ul>

Page 17
NAKSH
ARORA
06890301716

<li> department of Zoology</li>


<ul type="disc">
<li>Bsc zoology</li>
<li>Msc zoology</li>
<li>M.Phil.zoology</li>
<li>PH.D zoology</li>
</ul>
</ol>
</body>
</html>

Page 18
NAKSH
ARORA
06890301716

Assignment-7
Create a nested list as follows:

Computer system

1. Input devices

i. Keyboard
ii. Mouse
iii. Joystick
iv. Scanner
A. Flat bed scanner
B. Hand held scanner

2. Output devices

i. Monitor
A. LCD
B. CRT

ii. Printer
A. Impact printer
B. Non impact printer

Apply the following parts:

1. Insert an image of computer on the right corner of the web page.

2. display a marquee displaying” input and output devices”

3. Use different font styles and colors input and output devices.

4. Insert horizontal line after input devices are over

5. Use bold, italics and underline in headings.

Page 19
NAKSH
ARORA
06890301716

CODING

<html>

<head>

<title>computer system</title>

</head>

<body>

<img
src="C:\Users\student\Desktop\cdownload.jpg"align="right"height="300"width="300"></img><br><br><b
r><br><br><br><br>

<h1><marquee bgcolor="red">Input and Output devices</marquee></h1>

<h2> nested list</h2>

<ol type="1">

<li><b><u> Input devices</u></b></li>

<li> input devices</li>

<ol type="i">

<li>keyboard</li>

<li>mouse</li>

<li>joystick</li>

<li>scanner</li>

</ol>

<ol type="a">

<li>flat bed scanner</li>

<li>hand held scanner</li>

</ol></ol>

Page 20
NAKSH
ARORA
06890301716

<hr color="red" size="5">

<li>output devices</li>

<ol type=i">

<li><b><u> Input devices</u></b></li>

<li>monitor</li>

<ol type="a">

<li>LCD</li>

<li>CRT</li>

</ol>

<li>printer</li>

<ol type="a">

<li>impact printer</li>

<li>non impact printer</li>

</ol>

</ol></ol>

<b>This text is Bold</bold><br>

<i>This text is in Italics<i><br>

<u>This text is Underlined</u>

<hr color="red" size="5">

</body>

</html>

Page 21
NAKSH
ARORA
06890301716

Output

Page 22
NAKSH
ARORA
06890301716

ASSIGNMENT NO. 8
Question: Create HTML Web Page which displays the following list:

FRUITS AND VEGETABLES

A. Vegetables
 Onion
 Tomato
 Radish
 Potato
 Carrot
B. Fruits
 Apple
 Banana
 Water-melon
 Mango
 Grapes

Newspaper & Magazines

Page 23
NAKSH
ARORA
06890301716

o Newspaper

5. The Times of India

6. Hindustan Times

7. Navbharat Times

8. Punjab kesari

9. Dainik Jagaran

o Magazines
i. Business Times
ii. The Week
iii. India Today
iv. Harvard Business Review
v. Computer World

 Put horizontal lines after newspaper and magazines.


 Apply heading tag for newspaper and magazines.
 Apply base font for whole web page and different colors for each main list heading.
 Apply background color.
 Insert marquee tag displaying “Newspapers and Magazines”.

CODING:
<html>
<body bgcolor="yellow">
<basefont="orange">
<font color="black" size="5" face="Arial Black">
<h1 align="center">FRUITS AND VEGETABLES</h1>
<h1><marquee><font color="red" size="5" face="Algerian">FRUITS AND
VEGETABLES</font></marquee></h1>
<ol type="A">
<font color="Red" size="5" face="Arial Black">
<li>VEGETABLES</li>
<ul type="disc">
<li>Onion</li>
<li>Tomato</li>
<li>Radish</li>
<li>Potato</li>
<li>Carrot</li>
</ul>
<font color="green" size="5" face="Arial Black">
<li>FRUITS</li>
<ul type="disc">

Page 24
NAKSH
ARORA
06890301716

<li>Apple</li>
<li>Banana</li>
<li>Water-melon</li>
<li>Mango</li>
<li>Grapes</li>
</font>
</ul>
</ol>
<font color="black" size="5" face="Arial Black">
<h2 align="center">NEWSPAPERS AND MAGAZINES</h2>
<h1><marquee><font color="red" size="5" face="Algerian">NEWSPAPERS AND
MAGAZINES</font></marquee></h1>
<hr color="blue" size="5">
<ul type="circle">
<font color="green" size="5" face="Arial Black">
<li><b><i><u>Newspapers</b></i></u></li>
<ol start="5">
<li>The Times of India</li>
<li>Hindustan Times</li>
<li>Navbharat Times</li>
<li>Punjab kesari</li>
<li>Dainik Jagaran</li>
</ol>
<font color="red" size="5" face="Arial Black">
<li><b><i><u>Magazines</b></i></u></li>
<ol start="i">
<li>Business Times</li>
<li>The Week</li>
<li>India Today</li>
<li>Harvard Business Review</li>
</ol>
</ul>
</body>
</html>

OUTPUT:

Page 25
NAKSH
ARORA
06890301716

ASSIGNMENT NO.9
Design table as follows:

Page 26
NAKSH
ARORA
06890301716

ROLL NO. NAME COURSE MARKS

1 Ajay Kumar BBA 78

2 Kavita Sharma BCA 62

3 Rohit Garg BBA CAM 87

4 Pooja Kapoor BBA 67

5 Mohit Gupta BBA CAM 72

CODING:

<html>

<body>

<table align="center" border="5">

<th>ROLL NO.</th>

<th>NAME</th>

<th>COURSE</th>

<th>MARKS</th>

<tr>

<td>1</td>

<td>Ajay Kumar</td>

<td>BBA</td>

<td>78</td>

</tr>

Page 27
NAKSH
ARORA
06890301716

<tr>

<td>2</td>

<td>Kavita Sharma</td>

<td>BCA</td>

<td>62</td>

</tr>

<tr>

<td>3</td>

<td>Rohit Garg</td>

<td>BBA CAM</td>

<td>87</td>

</tr>

<tr>

<td>4</td>

<td>Pooja Kapoor</td>

<td>BBA</td>

<td>67</td>

</tr>

<tr>

<td>5</td>

<td>Mohit Gupta</td>

<td>BBA CAM</td>

<td>72</td>

</tr>

</table>

</body>

Page 28
NAKSH
ARORA
06890301716

</html>

OUTPUT:

Page 29
NAKSH
ARORA
06890301716

Assignment 10
Question: Design tables as follows:

College
University
Student

CODING:

<html>
<body>
<table align="center" border="5" bgcolor="orange" height="300" width="200" bordercolor="red">
<tr>
<th rowspan="2"> University </th>
<td> College </td>
</tr>
<tr>
<td> Student </td>
</tr>
</body>

OUTPUT:

Page 30
NAKSH
ARORA
06890301716

Assignment 11

Design tables as follows:

University
College Student

CODING:

<html>

<body>

<table align="center" border="3" bgcolor="pink" height="50" width="400" bordercolor="brown">

<tr>

<td align="center" colspan="2"> University </td>

</tr>

<tr>

<td> College </td>

<td> Student </td>

</tr>

</body>

</html>

Page 31
NAKSH
ARORA
06890301716

OUTPUT:

Assignment 12

Design tables as follows:

Production
Shoes 500
Bags 800
Shirts 300
Sales
Shoes 400
Bags 200
Shirts 500

coding

<html>

<body>

<table border="6" align="center">

<tr>

<th colspan="2">production</th>

</tr>

<tr>

<td>shoes</td>
Page 32
NAKSH
ARORA
06890301716

<td>500</td>

</tr>

<tr>

<td>bags</td>

<td>800</td>

</tr>

<tr>

<td>shirts</td>

<td>300</td>

</tr>

<tr>

<th colspan="2">sales</th>

</tr>

<tr>

<td>shoes</td>

<td>400</td>

</tr>

<tr>

<td>bags</td>

<td>200</td>

</tr>

<tr>

<td>shirts</td>

<td>500</td>

</tr>

</body>

Page 33
NAKSH
ARORA
06890301716

</html>

Assignment 13

Marks
Roll No Name Course
Internal External Total
123 abc BBA 20 60 80
789 xyz BCA 15 65 80

coding

<html>

<body>

<table border="6" align="center">

<tr>

<td rowspan="2">roll no.</td>

<td rowspan="2">name</td>

<td rowspan="2">course</td>

<td colspan="2">marks</td>

</tr>

Page 34
NAKSH
ARORA
06890301716

<tr align="center">

<td>internal</td>

<td>external</td>

<td>total</td>

</tr>

<tr align="center">

<td>123</td>

<td>abc</td>

<td>BBA</td>

<td>20</td>

<td>60</td>

<td>80</td>

</tr>

<tr align="center">

<td>789</td>

<td>xyz</td>

<td>BCA</td>

<td>15</td>

<td>65</td>

<td>80</td>

</tr>

</body>

</html>

Page 35
NAKSH
ARORA
06890301716

Assignment-14

Page 36
NAKSH
ARORA
06890301716

Insert An Image Here

Semester Subject

POM

1st BM
Sem
CF

BE

BBA BO

DBMS

2nd QT & OR
Sem
BE-II
CODING: PDCS-II
<html>

<body>

<table align="center" border="3" bgcolor="pink" height="100" width="200" bordercolor="brown">

<tr>

<th colspan="2"><img src="file:///C:/Users/abc/Desktop/Chrysanthemum.jpg" height="100"


width="200"></th>

</tr>

<tr>

<th colspan="2">SEMESTER</th>

<th>SUBJECT</th>

</tr>
Page 37
NAKSH
ARORA
06890301716

<tr>

<th rowspan="9">BBA</th>

<td rowspan="4">1st sem</td>

<td>POM</td>

</tr>

<tr>

<td>BM</td>

</tr>

<tr>

<td>CF</td>

</tr>

<tr>

<td>BE</td>

</tr>

<tr>

<td rowspan="5">2nd sem</td>

<td>BO</td>

</tr>

<tr>

<td>DBMS</td>

</tr>

<tr>

<td>QT&OR</td>

</tr>

<tr>

<td>BE-II</td>

Page 38
NAKSH
ARORA
06890301716

</tr>

<tr>

<td>PDCS-II</td>

</tr>

</table>

</body>

</html>

OUTPUT:

Page 39
NAKSH
ARORA
06890301716

ASSIGNMENT 15
Design the following table:

IP University Courses
Graduate Post Graduate
BBA BCA B.Tech MBA MCA M.Tech
240 120 100 200 100 80

CODING:

<html>

<body>

<table align="center" border="5" bgcolor="lightblue" height="100" width="200" bordercolor="pink">

<tr>

<th colspan="6"> IP university courses </th>

</tr>

<tr>

<th colspan="3"> graduate</th>

<th colspan="3"> post graduate </th>

</tr>

<tr>

<td> bba</td>

<td> bca </td>

<td> b.tech </td>

<td> mba</td>

<td> mca</td>

<td> m.tech </td>

</tr>

<tr>

Page 40
NAKSH
ARORA
06890301716

<td>240</td>

<td>120 </td>

<td>100</td>

<td>200</td>

<td>100 </td>

<td>80</td>

</tr>

</table>

</body>

</html>

OUTPUT:

Page 41
NAKSH
ARORA
06890301716

ASSIGNMENT 16
Question: Design the frames as follows and display any web page in frames:

<html>

<frameset rows="50%,50%">

<frame name="1">

</frameset>

</html>

Page 42
NAKSH
ARORA
06890301716

<html>

<frameset cols="*,*,*">

<frame name="1" src="file:///C:/Users/abc/Desktop/16%20b.html">

<frame name="2" src="file:///C:/Users/abc/Desktop/16%20C.html">

<frame name="3" src="file:///C:/Users/abc/Desktop/16%20D.html">

</frameset>

</html>

Page 43
NAKSH
ARORA
06890301716

<html>

<frameset rows="*,*">

<frame name="1" src="file:///C:/Users/abc/Desktop/16%20E.html">

<frameset cols="*,*,*">

<frame name="1" src="file:///C:/Users/abc/Desktop/16%20b.html">

<frame name="2" src="file:///C:/Users/abc/Desktop/16%20C.html">

<frame name="3" src="file:///C:/Users/abc/Desktop/16%20D.html">

</frameset>

</html>

Page 44
NAKSH
ARORA
06890301716

<html>

<frameset cols="*,*">

<frame name="1">

<frameset rows="20%,80%">

<frame name="2">

</frameset>

</html>

Page 45
NAKSH
ARORA
06890301716

<html>

<frameset cols="*,*">

<frameset rows="*,*,*">

<frame name="1">

<frame name="2">

<frame name="3">

</frameset>

</html>

Page 46
NAKSH
ARORA
06890301716

<html>

<frameset rows="*,*">

<frameset cols="*,*,*,*,*">

<frame name="1" src="C:\Users\abc\Desktop\16 a.html">

<frame name="2" src="C:\Users\abc\Desktop\16 e (2).html">

<frame name="3" src="C:\Users\abc\Desktop\16 I.html">

<frame name="4" src="C:\Users\abc\Desktop\16 O.html">

<frame name="5" src="C:\Users\abc\Desktop\16 U.html">

</frameset>

<frameset>

<frame name="6" src="C:\Users\abc\Desktop\16 vowels.html">

</frameset>

</html>

Page 47
NAKSH
ARORA
06890301716

Page 48
NAKSH
ARORA
06890301716

Assignment no. 17

Question: Design following frame:

products
mobile phone shoes pen drive
shirt

image description (product code, name, brand, price, color,


discount, offer/scheme etc.)

coding for frame:

<html>

<frameset rows="55%, 45 %">

<frame
name="1"src="file:///c:/users/aar/desktop/17/new%20folder/new%20folder/all%20targets.html">

<frameset cols="30%, 70 %">

<frame name="2"src="c:\users\aar\desktop\20180305_191458.jpg">

<frame name="3">

</frameset>

</html>

Page 49
NAKSH
ARORA
06890301716

output –

coding for description –

<html>

<body bgcolor="yellow">

<pre>

product code name brand price color discount offer

</pre>

</body>

</html>

Page 50
NAKSH
ARORA
06890301716

output -

coding for targets –

<html>

<body bgcolor="pink">

<pre>

<center>
<h3><u><b>products</u></b></center>

Page 51
NAKSH
ARORA
06890301716

<h3> <a
href="file:///c:/users/aar/desktop/17/new%20folder/new%20folder/details.html" target="3">mobile
phone</a> <a
href="file:///c:/users/aar/desktop/17/new%20folder/new%20folder/details.html"
target="3">shoes</a> <a
href="file:///c:/users/aar/desktop/17/new%20folder/new%20folder/details.html" target="3">shirt</a>
<a href="file:///c:/users/aar/desktop/17/new%20folder/new%20folder/details.html"
target="3">pendrive</a>

</pre>

</body>

</html>

output –

Page 52

You might also like