HTML 4th Sem

Q1 Write a HTML code To Display the Different Paragraphs With Different
Alignments
STEPS :
<html>
<head></head>
<body>
<title>Paragraphs</title>
<h1 align="center">
Different Paragraphs With Allignments</h1>
<p align="left">
The World Wibe Web is also known as WWW or W3 or simply Web.Web is a
huge collection of <i>"pages"</i> of information linked to each other around the
globe
</p>
<p align="center">
<b>Tim Berners Lee</b> is known as the father of World Wibe Web.He was a
physcist at the european Organisation for Nuclear Research
</p>
<p align="right">
A <u>Website</u> is simply a collection of inter linked web pages.A Web pages
need not be related
</p>
</body>
</html>
OUTPUT :
Q 2 Write a HTML code To Display Your Syllabus.Use at least three Container
tags & empty tags
STEPS :
<html>
<head></head>
<body>
<h1 align="center"><b>Syllabus</h1></b>
<h3><u>HUMAN RESOURCE MANAGEMENT</h3></u><br>
UNIT 1<hr>
<ul Type="Disc">
<li><i>Meaning of HRM</i><br></li>
<li>Features of HRM</li><br>
<li>Functions of HRM</li><br>
<li>Challenges of HRM</li><br>
<li>Importance of HRM</li><br>
<li>Evaluation of HRM</li><br>
</body>
</html>
OUTPUT :
Q3 Write a HTML Code To Print The Quadric Equation As Follows :
ax2+bx+c=0
STEPS :
<html>
<head></head>
<body>
ax<sup>2</sup>+bx+c=0
</body>
</html>
OUTPUT :
Q 4 Write a HTML Code Which Display The Following Expression.Put The
Heading as “Chemical Equation”
4H3PO3=3H3PO4+PH3
Pnew=Pold+x2-yacosx
STEPS :
<html>
<head></head>
<body>
<h1 align="center">Chemical Equations</h1>
4H<sub>3</sub>PO<sub>3</sub>=3H<sub>3</sub>PO<sub>4</sub>+PH<sub>
3</sub>
<br>
P<sub>new</sub>=P<sub>old</sub>+x<sup>2</sup>-y<sup>acosx</sup>
</body>
</html>
OUTPUT :
Q 5 Write a HTML code to produce the following Output :
Nested List
STEPS :
<html>
<head></head>
<body>
<h1 align =center>Nested List</h1>
<h2><u>Fruits & Vegetables</h2></u>
<ol type="A">
<li>Vegetables</li>
</OL>
<ul type="disc">
<li>Onion</li>
<li>Potato</li>
</ul>
<OL Type= "A" Start="4">
<li>Fruits</li>
</ol>
<ul type="square">
<li>Mango</li>
<li>Grappes</li>
</ul>
</body>
</html>
OUTPUT :
Q 6 Write a HTML code to produce the following Output :
Nested List
STEPS :
<html>
<head></head>
<body>
<h1 align=”center”>Nested List</h1>
<Ul Type="Disc">
<li>Newspaper</li>
</ul>
<Ol Type="1" start="5">
<li>Times Of India</li>
<li>Hindustan Times</li>
<li>Navbharat Times</li>
</ol>
<Ul Type="Disc">
<li>Magzines</li>
</ul>
<Ol Type="i">
<li>The Week</li>
<li>India Today</li>
</ol>
</body>
</html>
OUTPUT :
Q 7 Write a HTML code to Display the syllabus of BBA IV using Menu list
STEPS :
<html>
<head></head>
<body>
<h1 align="center">Menu List</h1>
<h2><u><i>Syllabus BBA 4th Semester</u></i></h2>
<menu type="square">
<li><u>BBA 202 Human Resource Management</li></u><BR>
Meaning Of HRM<BR>
Nature Of HRM<BR>
Functions Of HRM<BR>
<li><u>BBA 204 Business Environment</li></u><BR>
Meaning Of Business Environment<br>
Types Of Environment<br>
Scope Of Business<br>
<li><u>BBA 206 Marketing Research</li></u><br>
Meaning Of Marketing Research<br>
Objectives Of MR<br>
Applications Of MR<br>
<li><u>BBA 208 Computer Applications II</li></u><br>
Introduction To World Wibe Web<br>
HTML-Hyper Text MarkUp Language<br>
<li><u>BBA 210 Business Laws</li></u><br>
Indian Contract Act, 1972<br>
Sale Of Goods Act, 1930<br>
<li><u>BBA 212 Taxation Laws</li></u><br>
Heads Of Income<br>
Service Tax<br>
</menu>
</body>
</html>
OUTPUT :
Q 8 Write a HTML code to create a personal profile using Directory List ,use at
least two explicit & implicit tags
STEPS :
<html>
<head></head>
<body>
<h1 align="center">Directory List</h1>
<dir type="circle">
<li><b>Name: Tanuj Malhotra</li></b>
<li><u>Date Of Birth : 14th July,1990</li></u>
<li>Father's Name : Mr Vikram Kumar Malhotra</li>
<li><em>Class : BBA E2</li></em>
<li><strong>College : IITM Janak Puri</li></strong>
</dir>
</body>
</html>
OUTPUT :
Q 9 Write a code for the following list (Definition List)
Coffee
- black hot drink
Milk
- White cold drink
STEPS :
<html>
<head></head>
<body>
<h1 align="center">Definition List</h1>
<DL>
<DT>Coffee</DT>
<DD>-black hot drink</DD>
<DT>Milk</DT>
<DD>-white cold drink</DD>
</DL>
</body>
</html>
OUTPUT :
Q 10 Write a code to display the name of planets using different type unordered list
STEPS :
<html>
<Head></Head>
<body>
<hi><b><u>PLANETS</u></b></h1>
<ul Type="square">
<li>Jupiter</li>
<li>Uranus</li>
<li>Pluto</li>
<li>Venus</li>
<li>Mercury</li>
<li>Neptune</li>
</ul>
</body>
</html>
OUTPUT :
Q11 Create a Web Page document that shows the usage of Different Attributes
STEPS :
<html>
<head></head>
<body>
<h1 align="center">HTML Coding</h1>
<font face="chiller" size="10" color="red">
Name:Tanuj malhotra
</font><br>
<font face="Times New Roman" size="6" color="purple">
D.O.B:14th July,1990
</font><br>
<font face="arial" size="9" color="green">
BBA E2
</font><br>
<font face="arial narrow" size="6" color="blue">
Institute Of Innovation In Technology & Mangement
</font><br>
<font face="century" size="5" color="black">
D-27,28 Janak Puri Institutional Area New Delhi-110058
</font>
</body>
</html>
OUTPUT :
Q 12 Write a HTML code to display the information about your house using Order
lists. (Like Features of your house,vehicles you ow,etc)
STEPS :
<html>
<head></head>
<body>
<h1 align="center">My House & Vehicles</h1>
<h3>My House</i></h3>
<ol Type="1">
<li>It is Ventilated</li>
<li>It is Open Spaced</li>
<li>It has veranda</li>
<li>It is located in society</li>
</ol>
<h3>My Vehicles</h3>
<ol Type="A">
<li>Car</li>
<li>Bike</li>
</ol>
</body>
</html>
OUTPUT :
Q 13 Create an HTML document containing 4 Images differently aligned
STEPS :
<html>
<head></head>
<body>
<h1 align="center"><u><i>IMAGES</u></i></h1>
<h3>Image 1</h3>
<img src="C:\memory card\Night_Scene.jpg" align="bottom" height="100"
width="200" border="2">
<h3 align="middle">Image 2</h3><br>
<img src="C:\memory card\Nike_Scorpion_2.jpg" align="middle"
height="100" width="200" border="1">

<h3 align="right">Image 3</h3>
<img src="C:\memory card\Phones.jpg" align="right" height="100"
<h3 align="left">Image 4</h3>
<img src="C:\memory card\Dance_With_Me.jpg" align="top" height="100"
</body>
</html>
OUTPUT :
Q 14 Create a Web Page describing your friend, where default font size should be
6 & Friend name should be moving front to back. Assign a suitable background
color and text color
STEPS :
<html>
<head></head>
<h1 align="center">FRIEND</h1>
<body bgcolor="red">
<font face="CHILLER" size="6" color="black">
My Best Friend is<marquee>ANKUR BHATIA</marquee>He is my college
classmate.He stays in Janak Puri & comes to college by bike.He is punctual &
attend all the lectures.
</font>
</body>
</html>
OUTPUT :
Q 15 Create a Web Page describing you. Use <blockquote>to display address, for
sub headings<pre>tag & use <em> tag wherever you are using numbers.
STEPS :
<html>
<head></head>
<title>Myself</title>
<body>
<h1><pre><u>My Description</u></pre></h1>
<p>My Name is Tanuj Malhotra.My Date Of Birth is 14th July,1990.<br>I had
Passed Out XIIth From Cambridge Foundation School,Rajouri Garden New
Delhi</p>
<h3><pre><u>My Hobbies</u></pre></h3>
Watching Cricket<br>
Listening Music
<blockquote><address><u>My Address</address></u></blockquote><br>
C-2151/8 <em>New Patel Nagar</em> New Delhi-110008
<h4><pre><u>My Contact No</u></pre></h4><br>
Mob No. 9013014754
</body>
</html>
OUTPUT :
Q 16 Insert an image in a document and link it to some other page
STEPS :
HYPERLINK(ANCHOR TAG) CODING
<html>
<head></head>
<body>
<h1 align="center"><u><i>Link Of Image</h1>
<a href="image beach.html">image beach</a>
</body>
</html>
IMAGE CODING
<html>
<head></head>
<body>
<img src="C:\memory card\Beach_Wallpaper.jpg" align="center" height="200"
width="150">
<body>
</html>
OUTPUT :
Q 17 Write HTML code to insert three images aligned left, center, right.Also
change the background color as blue of the web page. Give a proper heading to the
web page
STEPS :
<html>
<head></head>
<body bgcolor="blue">
<h1 align="center"><u><i>DIFFERNT IMAGES ALIGNED</u></i></h1>
<h>Image 1</h3>
<img src="C:\memory card\Nike_Scorpion_2.jpg" align="left"border="1"
height="100" width="100">
<h2 align="right">Image 3</h2>
<img src="C:\memory card\Phones.jpg" align="right" height="100" width="100"
border="3">
<h3>Image 2</h3>
<img src="C:\memory card\Night_Scene.jpg" align="center" height="100"
</body>
</html>
OUTPUT :
Q 18 Create a Table Containing SNo, Name & Marks Of 10 Students
STEPS :
<html>
<head></head>
<title>TABLE</title>
<body>
<h1><i>TABLE<i></h1>
<TABLE BORDER="2"bordercolor="black" align="left" >
<TR>
<TH>SNo.</TH>
<TH>Name</TH>
<TH>Marks</TH>
</TR>
<TR>
<TD>1</TD>
<TD>Tanuj Malhotra</TD>
<TD>75</TD>
</TR>
<TR>
<TD>2</TD>
<TD>Ankur Bhatia</TD>
<TD>65</TD>
</TR>
<TR>
<TD>3</TD>
<TD>Rahul Bhatia</TD>
<TD>95</TD>
</TR>
<TR>
<TD>4</TD>
<TD>Rohit Ghodiyaal</TD>
<TD>55</TD>
</TR>
<TR>
<TD>5</TD>
<TD>Basudev Singh</TD>
<TD>25</TD>
</TR>
<TR>
<TD>6</TD>
<TD>Jaskirat Singh</TD>
<TD>05</TD>
</TR>
<TR>
<TD>7</TD>
<TD>Adil Khan</TD>
<TD>67</TD>
</TR>
<TR>
<TD>8</TD>
<TD>Thomson Baby</TD>
<TD>91</TD>
</TR>
<TR>
<TD>9</TD>
<TD>Satyam Arora</TD>
<TD>58</TD>
</TR>
<TR>
<TD>10</TD>
<TD>Neha Gupta</TD>
<TD>99</TD>
</TR>
</TABLE>
</body>
</html>
OUTPUT :
Q 19 Display table
with the given format with row span & col span
STEPS :
<html>
<head></head>
<Title>Table</Title>
<body>
<h1>TABLE</h1>
<TABLE BORDER="2">
<TR>
<TH COLSPAN="2">Semester</TH>
<TH>Pass Percentage</TH>
</TR>
<TR>
<TD>BBA </TD>
<TD COLSPAN="1">I</TD>
<TD>99%</TD>
</TR>
<TD COLSPAN="1">
<TD>III</TD>
<TD>98%</TD>
</TR>
<TR>
<TD>BCA</TD>
<TD>97%</TD>
</TR>
<TR>
<TD>MCA</TD>
<TD>99%</TD>
</TR>
</TABLE>
</body>
</html>
OUTPUT :
Q 20 Write a html code to create a frame as given below :
STEPS :
<html>
<head>
<title>FRAME</title>
</head>
<frameset rows="50%,*" cols="33%,33%,*">
<frame src="F.HTML">
<frame src="R.HTML">
<frame src="A.HTML">
<frame src="M.HTML">
<frame src="E.HTML">
<frame src="S.HTML">
</frameset>
</html>
OUTPUT :
Q 21 Create a Form With the given Format .
STEPS :
<html>
<head></head>
<body>
<h1><u>HTML FORMS</u></h1>
<form>
<ol type="1">
<li>Are you a vegetarian or non-vegetarian?</li>
</ol>
<ul type="disc">
<li>Vegetarian</li>
<li>Non Vegetarian</li>
</ul>
<ol type="1" start="2">
<li>Type a comments in a FOOD item:</li><br><br>
<input type="submit" value="Text Box"><br><br>
<input type="submit" value="Restart">
<input type="submit" value="Submit">
</form>
</body>
</html>
OUTPUT :
Q 22 Create a Static page of astrology and use hyperlink to open the horoscope of
different zodiac sign.
STEPS :
<html>
<head>
<title>Astrology Zodiac Sign</title>
<h1><u>Hyperlink Astrology</u></h1>
</head>
<body>
<a href="Zodiac hyperlink.html">Zodiac</a>
</body>
</html>
DIIFFERENT ZODIAC SIGN CODING
<html>
<head></head>
<body>
<h1><u>Astrology-Zodiac Sign</u></h1>
<ol type="1">
<li>Aquarius</li>
<li>Pisces </li>
<li>Aries</li>
<li> Taurus</li>
<li>Gemini</li>
<li>Cancer</li>
<li>Leo</li>
<li> Virgo</li>
<li> Libra</li>
<li>Scorpio</li>
<li> Sagittarius</li>
<li> Capricorn </li>
</ol>
</body>
</html>
OUTPUT :
Q 23 Develop an HTML document which displays your name as heading and
displays the name of any four of your friends in a list. Each friend’s name should
be a hyperlink. When you click a friend’s name, it must open another HTML
document which tells about your friend
STEPS :
Friend’s Coding
<html>
<head></head>
<title>Friend</title>
<body>
<h1 align="center"><u>Tanuj Malhotra</u></h1><br>
<h2><u><i>My Friend's</u></i></h2>
<ol type="1">
<li><a href="Ankur.html">Ankur Bhatia</li></a>
<li><a href="Rishi.html">Rishi Sabharwal</li></a>
<li><a href="Rahul.html">Rahul Soni</li></a>
<li><a href="Himanshu.html">Himanshu Phanda</li></a>
</ol>
</body>
</html>
Ankur.Html
<html>
<head>
<title>My Friend's</title>
</head>
<h1 align="center"><u>Ankur Bhatia</u></h1>
<p>
My Best Friend is Ankur Bhatia.He is my college classmate.He stays in Janak Puri
& comes to college by bike.<br>He is punctual & attend all the lectures.
</p>
</body>
</html>
Rishi.Html
<html>
<head>
</head>
<h1 align="center"><u>Rishi Sabharwal</u></h1>
<p>
My Best Friend is Rishi Sabharwal.He is my school classmate.He stays in Rajouri
Garden.He is doing his graduation in Mass Communication from JIMS College &
goes to college by car.He is punctual & attend all the lectures.
</p>
</body>
</html>
Rahul.html
<html>
<head>
</head>
<h1 align="center"><u>Rahul Soni</u></h1>
<p>
My Best Friend is Rahul Soni.He is my school classmate.He stays in Maya
Puri(Vikrant Enclave).He is doing his graduation BBA from AMITY University
Noida & goes to college by cab & likes to play Cricket.
</p>
</body>
</html>
Himanshu.Html
<html>
<head>
</head>
<h1 align="center"><u>Himanshu Phanda</u></h1>
<p>
My Best Friend is Himanshu Phanda.He is my college & tution classmate.He stays
in West Patel Nagar.He is doing his graduation BBA from Guru Gobind Singh
Indraprastha University & goes to college by Bike & Car & likes to listen English
Songs & play Guitar.
</p>
</body>
</html>
OUTPUT :
.
Q 24 Design a website on Wonders of World using various list options
STEPS :
<html>
<head>
<title>Wonders Of World</title>
<h1><u>Hyperlink-Wonders</u></h1>
</head>
<body>
<a href="wonders hyperlink.html">wonders</a>
</body>
</html>
WONDERS OF WORLD CODING
<html>
<head></head>
<body>
<h1><u>Wonders Of World</u></h1>
<ol type="1">
<li>Taj Mahal</li>
</ol>
<ul type="disc">
<li>Pyramids Of Egypt</li>
</ul>
<ol type="a">
<li>Great Wall Of China</li>
</ol>
<ul type="circle">
<li>Leaning Tower Of Piza</li>
</ul>
</body>
</html>
OUTPUT :

HTML 4th Sem

Uploaded by

Document Information

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 4th Sem

Uploaded by

Copyright:

Available Formats

Q1 Write a HTML code To Display the Different Paragraphs With Different

height="100" width="200" border="1">

HYPERLINK(ANCHOR TAG) CODING

HYPERLINK(ANCHOR TAG) CODING

DIIFFERENT ZODIAC SIGN CODING

HYPERLINK(ANCHOR TAG) CODING

WONDERS OF WORLD CODING

You might also like