e-commerce (practical programs for b.com-iii year)

Transcription

e-commerce (practical programs for b.com-iii year)
1-A) Create a program in HTML to insert an image m (he webpage and that image should act us
a hyperlink.
B. Create a web page which contain she heading HYDERABAD in h3 size, Separated by a thick line
and below which there is description of Hyderabad in two paragraphs. one aligned to the right and
the other Justified.
PROGRAM
<html>
<body>
<p>
<a href="http://www.saif4u.webs.com">
<img src="smiley.gif" width="32" height="32" />
</a></p>
<p>
<a href="http://www.saif2010.webs.com">
<img border="0" src="smiley.gif" width="32"
height="32" />
</a></p>
</body>
</html>
<html>
<body>
<h3>HYDERABAD</h3>
<hr size="6" color="black">
<div align="left">
Hyderabad is the capital of Andhra Pradesh in
Southern India, located on the banks of the Musi
River and on the Deccan Plateau. Hyderabad and
Secunderabad are "twin cities" near Hussain Sagar
Lake (also known as Tank Bund in local parlance) but
both cities have grown so much that now they have
become one big metropolis
</div><br>
<div align="justify">
The city and district of Hyderabad are coterminous.
Hyderabad district is entirely contained within the
Ranga Reddy district of Andhra Pradesh. Many of the
suburbs of Hyderabad were recently merged into the
city, now called Greater Hyderabad.
</div>
</body>
</html>
OUTPUT
HYDERABAD
Hyderabad is the capital of Andhra
Pradesh in Southern India, located on
the banks of the Musi River and on the
Deccan Plateau. Hyderabad and
Secunderabad are "twin cities" near
Hussain Sagar Lake (also known as
Tank Bund in local parlance) but both
cities have grown so much that now
they have become one big metropolis
The city and district of Hyderabad are
coterminous. Hyderabad district is
entirely contained within the Ranga
Reddy district of Andhra Pradesh.
Many of the suburbs of Hyderabad
were recently merged into the city, now
called Greater Hyderabad.
http://www.saif4u.webs.com
1059-09-402-029(B.com-Computers)
SAIF ALWAYS 4 U
2. a. Create a HTML program which should have the name of your favourite Hero/Heroine and it
should be in following styles Bold. Italics. Teletype Underlined, Strikethrough. Subscript and
Superscript, (B). Create a Table HTML
PROGRAM
OUTPUT
<html>
<body>
<p><b>Salman Khan</b></p>
<p><i>Shahrukh Khan</i></p>
<p><tt>Saif Ali Khan</tt></p>
<p><u>Katrina Kaif</u></p>
<p><strike>Aishwarya Rai</strike></p>
<p>1<sub>Shahid Kapoor</sub></p>
<p>2<sup>Priyanka Chopra</sup></p>
</body>
</html>
Salman Khan
Shahrukh Khan
Saif Ali Khan
Katrina Kaif
Aishwarya Rai
1Shahid Kapoor
2Priyanka Chopra
<html>
<body>
<table border="1">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
</tr>
</table>
</body>
</html>
Month Savings
January $100
February $80
SAIF ALWAYS 4 U
3-A). Create a web page using HTML which will feature an image and on the right side of the
image there will be some lines of the text about the image.
b. Create an unordered list of various courses offered in your college.
PROGRAM
OUTPUT
Charminar built in 1591 AD, is a landmark
monument located in Hyderabad, India.
The two words Char Minar of Urdu
language are combined to which
it is known as Charminar
<html>
<body>
<img src="charminar.gif" align="left"
width="32" height="32" />
<p align="right">Charminar built in 1591 AD, is
a landmark monument located in Hyderabad,
India. The two words Char Minar of Urdu
language are combined to which it is known as
Charminar (English: Four Towers).</p>
</body>
</html>
<html>
<body>
<h4>Courses in Avanthi</h4>
<ul>
<li>B.com computers</li>
<li>B.com general</li>
<li>B.com Honors</li>
</ul>
Courses in Avanthi



B.com computers
B.com general
B.com Honors
</body>
</html>
SAIF ALWAYS 4 U
4. a. Create a table with one row and four column* in the first column Number should be displayed
and in the subsequent columns. 1. 2. 3.4 should be displayed
b. Create a program to create pull-down menu.
PROGRAM
OUTPUT
<html>
<body>
One row and Four columns:
<h4>One row and Four columns:</h4>
<table border="1">
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
</table>
1
2
</body>
</html>
<html>
<body>
<select>
<option>Volvo</option>
<option>Saab</option>
<option>Mercedes</option>
<option>Audi</option>
</select>
</body>
</html>
SAIF ALWAYS 4 U
3
4
5. a. Create a table with 2 row* and three columns with first column in red,
second in blue and third in green cuIot.
b. Create an HTML program which contains the HAPPY NEW YEAR 2007
in H3 size and it should be blinking, with background in red color.
PROGRAM
<html>
<body>
<h4>Two rows and three columns:</h4>
<table border="1">
<tr>
<td align="center" bgcolor="red"> Red </td>
<td align="center" bgcolor="blue"> Blue </td>
<td align="center" bgcolor="green">Green</td>
</tr>
<tr>
<td align="center" bgcolor="blue"> Blue </td>
<td align="center" bgcolor="green">Green</td>
</tr>
</table>
</body>
</html>
<html>
<head>
<script type="text/javascript">
function blinking_header()
{
if (!document.getElementById('blink').style.color)
{
document.getElementById('blink').style.color="red";
}
if (document.getElementById('blink').style.color=="red")
{
document.getElementById('blink').style.color="black";
}
else
{
document.getElementById('blink').style.color="red";
}
timer=setTimeout("blinking_header()",100);
OUTPUT
Two rows and three
columns:
Red Blue Green
Red Blue Green
HAPPY NEW YEAR
2007HAPPY NE
SAIF ALWAYS 4 U
}
function stoptimer()
{
clearTimeout(timer);
}
</script>
</head>
W YEAR
<body style="background-color:red;"
onload="blinking_header()" onunload="stoptimer()">
<h3 id="blink">HAPPY NEW YEAR</h3>
</body>
</html>
SAIF ALWAYS 4 U
6. a. Create a paragraph of ten lines with about five footnotes in it and hyper link each
Footnote in such a way that if we click on the number, it should show us the Footnote.
b. Write an HTML program to insert an image and enclose a border around the image.
PROGRAM
OUTPUT
<html>
<body>
HTML, DHTML, XML and VB script
CSS, PHP etc
<p>HTML, DHTML, XML and VB Script</p>
<p>CSS, PHP etc</p>
<p>HTML stands for Hyper Text Markup
Language<sup><a href="#32066"
id="fn1">1</a></sup></p>
<p>HTML is not a programming language, it is a
markup language<sup><a href="#32066"
id="fn2">2</a></sup></p>
<p>A markup language is a set of markup
tags<sup><a href="#32066"
id="fn3">3</a></sup></p>
<p>Structural markup describes the purpose of
text
<p>HTML uses markup tags to describe web
pages<sup><a href="#32066"
id="fn4">4</a></sup></p>
<p>With HTML you can create your own Web
site.<sup><a href="#32066"
id="fn5">5</a></sup></p>
<p>Hypertext markup makes parts of a document
into links to other documents</p>
<p>An HTML Application (HTA; file extension
".hta") is a Microsoft Windows application
<div id="footnote">
<li id="32066">HTML documents describe web
pages<a href="#fn1">1</a></li><br>
<li id="32066">HTML documents contain HTML
tags and plain text<a href="#fn2">2</a></li><br>
<li id="32066">HTML documents are also called
web pages<a href="#fn3">3</a></li><br>
<li id="32066">HTML documents are composed
entirely of HTML elements<a
href="#fn4">4</a></li><br>
<li id="32066">Structural markup describes the
purpose of text <a href="#fn5">5</a></li>
</div>
HTML stands for Hyper Text Markup
Language1
HTML is not a programming language, it is a
markup language2
A markup language is a set of markup tags3
Structural markup describes the purpose of text
HTML uses markup tags to describe web
pages4
With HTML you can create your own Web
site.5
Hypertext markup makes parts of a document
into links to other documents
An HTML Application (HTA; file extension
".hta") is a Microsoft Windows application
 HTML documents describe web pages1
 HTML documents contain HTML tags and
plain text2
 HTML documents are also called web
pages3
 HTML documents are composed entirely of
HTML elements4
SAIF ALWAYS 4 U
 Structural markup describes the purpose of
text 5
</body>
</html>
<html>
<body>
<img src="smiley.gif" alt="Smiley face" width="42"
height="42" border="5" />
</body>
</html>
SAIF ALWAYS 4 U
7. a. Create a table without border in HTML
b. Write a program in HTML wherein, your name will scroll, alternate, slide in a web page
PROGRAM
OUTPUT
<html>
<body>
This table has no borders:
<h4>This table has no borders:</h4>
<table>
<tr>
<td>100</td>
<td>200</td>
<td>300</td>
</tr>
<tr>
<td>400</td>
<td>500</td>
<td>600</td>
</tr>
</table>
100 200 300
400 500 600
</body>
</html>
<html>
<body>
<marquee loop="-1" scrollamount="2"
width="100%">M.SAIFUDDIN
SALMAN</marquee>
<div>
<marquee onMouseOut="this.scrollAmount=2"
scrollamount="2" direction="down" loop="true"
width="30%" height="100">
<font>M.SAIFUDDIN SALMAN</font><p>
</marquee>
</div>
<div>
<marquee onMouseOut="this.scrollAmount=2"
scrollamount="2" direction="Up" loop="true"
width="30%" height="100">
<font>M.SAIFUDDIN SALMAN</font><p>
</marquee>
</div>
</body>
</html>
M.SAIFUDDIN SALMAN
M.SAIFUDDIN SALMAN
M.SAIFUDDIN SALMAN
SAIF ALWAYS 4 U
8. a. Create a Web page which contains a table with 3 rows and 3 columns using HTML.
b. Create a HTML program which contains your name the sizes h1 to h6 and each one should in
Bold. Italic, Superscript and Subscript
PROGRAM
OUTPUT
<html>
<body>
<h4>Three rows and Three columns:</h4>
<table border="1">
<tr>
<td>100</td>
<td>200</td>
<td>300</td>
</tr>
<tr>
<td>400</td>
<td>500</td>
<td>600</td>
</tr>
<tr>
<td>700</td>
<td>800</td>
<td>900</td>
</tr>
</table>
Three rows and Three columns:
100
200
300
400
500
600
700
800
900
</body>
</html>
<html>
<body>
<h1>*<sub>M.SAIFUDDIN SALMAN</sub></h1>
<h2>*<sup>M.SAIFUDDIN SALMAN</sup></h2>
<h3>*<b>M.SAIFUDDIN SALMAN</b></h3>
<h4>*<i>M.SAIFUDDIN SALMAN</i></h4>
</body>
</html>
*M.SAIFUDDIN SALMAN
*M.SAIFUDDIN SALMAN
*M.SAIFUDDIN SALMAN
*M.SAIFUDDIN SALMAN
*M.SAIFUDDIN SALMAN
*M.SAIFUDDIN
SALMAN
SAIF ALWAYS 4 U
9. a. Create a HTML program which contains name of your college, aligned in all four comers of
the web page with each in different color.
b. Write a program to create two inline frames.
PROGRAM
OUTPUT
<html>
<BODY LEFTMARGIN=0 TOPMARGIN=0
MARGINWIDTH=0 MARGINHEIGHT=0>
<TABLE WIDTH=100% HEIGHT=100% CELLSPACING=0
CELLPADDING=2 BORDER=0>
<TR>
<TD style=color:orange VALIGN=TOP ALIGN=LEFT>
Top Left
</TD><TD WIDTH=100%></TD>
<TD style=color:blue ALIGN=RIGHT VALIGN=TOP>
Top Right
</TD></TR>
<TD style=color:green VALIGN=BOTTOM ALIGN=LEFT>
Bottom Left
<TD style=color:red ALIGN=RIGHT VALIGN=BOTTOM>
Bottom Right
</TD>
</TR>
</TABLE>
</BODY>
</html>
<html>
<body>
Top
Left
Bottom
Left
<iframe src="http://webs.com"></iframe>
<iframe src="http://osmania.ac.in"></iframe>
</body>
</html>
SAIF ALWAYS 4 U
Top
Right
Bottom
Right
10.a. Create a Web page which contains a table with 3 rows and 3 columns using HTML
b. Create a list containing ordered list and unordered list with at least 5 items.
PROGRAM
<html>
<body>
<table border="1">
<tr>
<td>100</td>
<td>200</td>
<td>300</td>
</tr>
<tr>
<td>400</td>
<td>500</td>
<td>600</td>
</tr>
<tr>
<td>700</td>
<td>800</td>
<td>900</td>
</tr></table>
</body>
</html>
<html>
<body>
<h4>An Ordered List:</h4>
<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Black Tea</li>
<li>Milk</li>
<li>Sugar</li>
</ol>
<h4>An Unordered List:</h4>
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Black Tea</li>
<li>Milk</li>
<li>Sugar</li>
</ul>
</body></html>
OUTPUT
100
200
300
400
500
600
700
800
900
An Ordered List:
1.
2.
3.
4.
5.
Coffee
Tea
Black Tea
Milk
Sugar
An Unordered List:





Coffee
Tea
Black Tea
Milk
Sugar
SAIF ALWAYS 4 U
11-a. Create a program in which there arc 5 different names of your friends in 5 different sizes,
separated from each other by 5 different lines of varying thickness, b. Create a HTML document to
insert an image with text surrounded on left as well as right side of the image
PROGRAM
<html>
<body>
<h1>SAIFUDDIN</h1>
<h2>SALMAN</h2>
<h3>FARAZ</h3>
<h4>AKSHAY</h4>
<h5>VIKAS</h5>
</body>
</html>
OUTPUT
SAIFUDDIN
SALMAN
FARAZ
AKSHAY
VIKAS
<html>
<body>
<img src="charminar.gif" align="left" width="32"
height="32" />
Charminar built in 1591 AD, is a landmark
monument located in Hyderabad, India.
The two words Char Minar of Urdu
language are combined to which
it is known as Charminar
<p align="right">Charminar built in 1591 AD, is a
landmark monument located in Hyderabad, India.
The two words Char Minar of Urdu language are
combined to which it is known as Charminar
(English: Four Towers).</p>
</body>
</html>
SAIF ALWAYS 4 U
12. a. Create 4 paragraphs with at least 5 lines each and with left, right, centre and justified
alignment: b. Create two documents in HTML with hyper links to each other.
PROGRAM
<html><body>
<p style="text-align:center;">Electronic commerce, commonly known as e-commerce.<br>It refers to the
buying and selling of products or services over electronic systems,<br>such as the Internet and other
computer networks.<br>However, the term may refer to more than just buying and selling products
online.<br>It is know as E-commerce or Electronic commerce </p>
<p style="text-align:left;">It also includes the entire online process of developing,<br> marketing,<br>
selling,<br> delivering,<br> servicing and paying for products and services.</p>
<p style="text-align:justify;">The use of commerce is conducted in this way, spurring and drawing on
innovations in electronic funds transfer,supply chain management, Internet marketing, online transaction
processing, electronic data interchange (EDI), inventory management systems, and automated data collection
systems.However in some cases, an intermediary may be present in a sale or purchase transaction, or
handling recurring or one-time purchase transactions for online games. </p>
<p style="text-align:right;">Electronic commerce is generally considered to be the sales aspect of ebusiness.<br> It also consists of the exchange of data to facilitate and<br> the financing and payment aspects
of business transactions.<br>E-commerce<br>Electronic commerce</p>
</body></html>
OUTPUT
Electronic commerce, commonly known as e-commerce.
It refers to the buying and selling of products or services over electronic systems,
such as the Internet and other computer networks.
However, the term may refer to more than just buying and selling products online.
It is know as E-commerce or Electronic commerce
It also includes the entire online process of developing,
marketing,
selling,
delivering,
servicing and paying for products and services.
The use of commerce is conducted in this way, spurring and drawing on innovations in electronic
funds transfer,supply chain management, Internet marketing, online transaction processing, electronic
data interchange (EDI), inventory management systems, and automated data collection
systems.However in some cases, an intermediary may be present in a sale or purchase transaction, or
handling recurring or one-time purchase transactions for online games.
Electronic commerce is generally considered to be the sales aspect of e-business.
It also consists of the exchange of data to facilitate and
the financing and payment aspects of business transactions.
E-commerce
Electronic commerce
SAIF ALWAYS 4 U
<html>
<body>
<p>
<a href="#C4">See also Chapter 4.</a>
</p>
<h2>Chapter 1</h2>
<p>This chapter explains ba bla bla</p>
<h2>Chapter 2</h2>
<h2>Chapter 3</h2>
<h2><a name="C4">Chapter 4</a></h2>
<h2>Chapter 5</h2>
<h2>Chapter 6</h2>
<h2>Chapter 7</h2>
<h2>Chapter 8</h2>
<h2>Chapter 9</h2>
<h2>Chapter 10</h2>
</body>
</html>
PROGRAM
See also Chapter 4.
Chapter 1
This chapter explains ba bla bla
Chapter 2
Chapter 3
Chapter 4
Chapter 5
Chapter 6
Chapter 7
Chapter 8
Chapter 9
Chapter 10
SAIF ALWAYS 4 U
13. a. Create two frames with name of your college in left frame and your name in right frame with
hyper links to a new page named Osmania University.
b. Write an HTML program which consists of at least 3 logical style tags.
PROGRAM
OUTPUT
<html>
<frameset cols="180,*">
Avanthi Degree Colege
<frame src="avanthi.htm" />
<frame src="Student.htm" name="showframe" />
Osmania University
</frameset>
Mohammed. Saifuddin
Salman
Osmania University
</html>
This text is in Arial Black
<html>
<body>
<p style="font-family:arial black;">
This text is in Arial Black</p>
This text is in Verdana
This text is in Times
<p style="font-family:verdana;">
This text is in Verdana</p>
<p style="font-family:times;">
This text is in Times</p>
</body>
</html>
SAIF ALWAYS 4 U
14. a. Use HTML to write a program which contains an essay written by you in ten lines
and insert copyright symbol, left right arrow, inverted exclamation mark and give the price
as euro 100. b. Create a program to create RUBY text using HTML.
PROGRAM
<html>
<body>
<p>In the 21st century, the rapid development of information technology and the rapid increase in
information exchange have brought new drives and innovative ideas to the whole society.<br> The wide
adoption of information technology by the community has led to great changes.<br> They are changes which
affect how we communicate with each other, how we organise our daily activities, how we educate the
younger generation, and how we run business.<br> The development and wide adoption of information
technology, computer network and Internet have transformed the mode of operation of many businesses,
and at the same time have brought along unprecedented business opportunities.<br>Electronic commerce is
generally considered to be the sales aspect of e-business. It also consists of the exchange of data to facilitate
the financing and payment aspects of business transactions.<br></p>
©<br>
←<br>
→<br>
¡<br>
€100
</body>
</html>
OUTPUT
In the 21st century, the rapid development of information technology and the rapid
increase in information exchange have brought new drives and innovative ideas to the
whole society.
The wide adoption of information technology by the community has led to great changes.
They are changes which affect how we communicate with each other, how we organise our
daily activities, how we educate the younger generation, and how we run business.
The development and wide adoption of information technology, computer network and
Internet have transformed the mode of operation of many businesses, and at the same time
have brought along unprecedented business opportunities.
Electronic commerce is generally considered to be the sales aspect of e-business. It also
consists of the exchange of data to facilitate the financing and payment aspects of business
transactions.
©
←
→
SAIF ALWAYS 4 U
¡
€100
PROGRAM
<html>
<body>
<ruby>
<rb>MSUS</rb>
<rp>(</rp><rt>Mohammed Saifuddin Salman</rt><rp>)</rp>
</ruby>
</body>
</html>
OUTPUT
Mohammed Saifuddin Salman
MSUS
SAIF ALWAYS 4 U
15. a. Write a letter to your friend and ask him/her to reply to your email. Your email Id
should be hyperlinked, wherein if your friend clicks on your id, it will open.
b. Write a program in HTML which should contain the sentences. My name is —, My
father’s name. My Lecturers names are . All the names should be in reverse direction
PROGRAM
<html>
<body>
Red hills,<br>
Street-5-AP.<br>
18 January [2012]
<br>
<br>
Dear Mr Faizan
<p>
Hi Faizn I knew that you would get into the basketball
team. It was your first time and not only are you in the
team, but you’re the Captain!!! I knew all those hours of
training would pay off.And Reply me soon about your
team members at my emailid and</p>
<p>
This is an email link:
<a
href="[email protected]?Subject=Hello%20again">
Send Mail</a>
</p>
Thank you
</body>
</html>
<html>
<body>
<ol reversed>
<li>My Name is Saifuddin
<li>My Father name is Muzaffar
<li>My Lecturers name is Nelema Mam
</ol>
</body>
</html>
OUTPUT
Red hills,
Street-5-AP.
18 January [2012]
Dear Mr Faizan
Hi Faizn I knew that you would get
into the basketball team. It was your
first time and not only are you in the
team, but you’re the Captain!!! I
knew all those hours of training
would pay off.And Reply me soon
about your team members at my
emailid and
This is an email link: Send Mail
Thank you
1. My Name is Saif
2. My Father name is Muzaffar
3. My Lecturers name is Nelema
Mam
SAIF ALWAYS 4 U
16. a. Create an html code to create two borderless inline frames.
b. Create a table in HTML with 3 rows and 3 columns with names of your classmates in
each of the cells.
PROGRAM
OUTPUT
<html>
<body>
<iframe></iframe>
<iframe></iframe>
</body>
</html>
<html>
<body>
<table border="1">
<tr>
<td>Ishaq</td>
<td>Aishwin</td>
<td>Iftaqar</td>
</tr>
<tr>
<td>Azam</td>
<td>Nizam</td>
<td>Salam</td>
</tr>
<tr>
<td>Sufiyan</td>
<td>Azher</td>
<td>Salman</td>
</tr>
</table>
</body>
</html>
Ishaq
Aishwin Iftaqar
Azam
Nizam
Sufiyan Azher
SAIF ALWAYS 4 U
Salam
Salman
17. a. Write a program in HTML to divide a web page into two halves horizontally and on
the top frame you should give names of 5 flowers and the bottom frame should contain
names of 5 fruits.
b. Create a HTML program which contains your in name in all the sizes hi to H6 and each
one should in Bold. Italic. Superscript and Subscript.
PROGRAM
OUTPUT
<html>
<frameset rows="50%,50%">
<frame src="flower.htm" />
<frame src="fruit.htm" />
</frameset>
</html>
<html>
<body>
*
<h1>*<sub>M.SAIFUDDIN SALMAN</sub></h1>
M.SAIFUDDIN SALMAN
*M.SAIFUDDIN SALMAN
<h4>*<i>M.SAIFUDDIN SALMAN</i></h4>
*M.SAIFUDDIN SALMAN
</body>
</html>
*M.SAIFUDDIN SALMAN
*M.SAIFUDDIN SALMAN
*M.SAIFUDDIN
SALMAN
SAIF ALWAYS 4 U
18. a. Insert an image and set the background color as blue and insert few lines of text in
the left side of the image, b. Create a table with 2 rows and 3 columns with red color for the
first row and Green color for the second row.
PROGRAM
OUTPUT
Charminar built in 1591 AD, is a
landmark monument located in
Hyderabad, India. The tow
words Char Minar of Urdu
language are combined to
which it is know as Charminar.
<html>
<body style="background-color:blue;">
</body>
</html>
<html>
<body>
<h4>Two rows and three columns:</h4>
<table border="1">
<tr>
<td align="center" bgcolor="Red"> Red </td>
<td align="center" bgcolor="red">Red</td>
</tr>
<tr>
<td align="center" bgcolor="green"> Green
</td>
<td align="center" bgcolor="green">Green
</td>
<td align="center"
bgcolor="green">Green</td>
</tr>
</table>
</body>
</html>
Two rows and three columns:
Red
Red
Red
Green Green Green
SAIF ALWAYS 4 U
19. a. Create a HTML document to insert an image with text surrounded on left as well as
right side of the image, b. Create a paragraph in HTML which contains the symbols - Less
than. Greater than. Pound. Plus or Minus, Quarter. Three Quarters.
PROGRAM
OUTPUT
<html>
<body>
</body>
</html>
<html>
<body>
Inequality (mathematics)<br>
The notation a < b means that a is less than
b.<br>
The notation a > b means that a is greater
than b.<br>
the symbol for the pound sterling—the
currency of the United Kingdom (UK) is
£<br>
The plus-minus sign ± is a mathematical
symbol commonly used either<br>
to indicate the precision of an approximation,
or<br>
to indicate a value that can be of either
sign.<br>
One Quarter is ¼ and Three Quarter is
¾
</body>
</html>
Inequality (mathematics)
The notation a < b means that a is less than
b.
The notation a > b means that a is greater
than b.
the symbol for the pound sterling—the
currency of the United Kingdom (UK) is £
The plus-minus sign ± is a mathematical
symbol commonly used either
to indicate the precision of an
approximation, or
to indicate a value that can be of either
sign.
One Quarter is ¼ and Three Quarter is ¾
SAIF ALWAYS 4 U
20. a. Create a bio-data form using HTMI.
b. Create u text in a web page and hyper link it in such a way that if we click on the link, it
should go to the bottom of the page
PROGRAM
OUTPUT
<html>
<body>
<h1>Bio-Data</h1><br>
NAME : M SAIFUDDIN<br>
QUALIFICATION: B.Com - Computer<br>
AGE : 19 <br>
HEIGHT : 5’.5” <br>
SOFTWARE DESIGNER (WORKING IN JEDDAH
LABEL ART FACTORY) <br>
INCOME : 30,000 INR FAMILY DETAILS: <br>
FATHER NAME : M MOINUDDIN (WORKING IN
JEDDAH – PURCHASING MANAGER) <br>
<h3>CONTACT DETAILS: </h3><br>
ADDRESS : MADIAN FAHD KILO 3 MOBILE NO :
+966554529978<br>
E-MAIL ID : [email protected]<br>
</pre>
</body>
</html>
<html>
<body>
<p>
<a href="#C4">See also Footer of the page</a>
</p>
<h2>Chapter 1</h2>
<h2>Chapter 2</h2>
<h2>Chapter 3</h2>
<h2>Chapter 5</h2>
<h2>Chapter 6</h2>
<h2>Chapter 7</h2>
BIO-DATA
NAME : M SAIFUDDIN
QUALIFICATION: B.Com - Computer
AGE : 19
HEIGHT : 5’.5”
SOFTWARE DESIGNER (WORKING IN JEDDAH
LABEL ART FACTORY)
INCOME : 30,000 INR FAMILY DETAILS:
FATHER NAME : M MOINUDDIN (WORKING IN
JEDDAH – PURCHASING MANAGER)
CONTACT DETAILS:
ADDRESS : MADIAN FAHD KILO 3 MOBILE NO :
+966554529978
E-MAIL ID : [email protected]
See also Footer of the page
Chapter 1
Chapter 2
Chapter 3
Chapter 5
SAIF ALWAYS 4 U
<h2>Chapter 8</h2>
<h2>Chapter 9</h2>
<h2>Chapter 10</h2>
<h2><a name="C4">Footer</a></h2>
</body>
</html>
Chapter 6
Chapter 7
Chapter 8
Chapter 9
Chapter 10
Footer
SAIF ALWAYS 4 U
21. a Create an HTML program :o compose an email with appropriate text boxes and
buttons.
b. Create an HTML paragraph with 4 lines, but it should be displayed as just one line in
web page.
PROGRAM
<html>
<body>
<h3>Send e-mail to
[email protected]:</h3>
<form
action="MAILTO:[email protected]"
method="post" enctype="text/plain">
Name:<br />
<input type="text" name="name" value="your
name" /><br />
E-mail:<br />
<input type="text" name="mail" value="your
email" /><br />
Comment:<br />
<input type="text" name="comment"
value="your comment" size="50" />
<br /><br />
<input type="submit" value="Send">
<input type="reset" value="Reset">
</form>
</body>
</html>
<html>
<body>
OUTPUT
Send e-mail to [email protected]:
Name:
your name
E-mail:
your email
Comment:
your comment
Send
Reset
This paragraph contains a lot of lines in the
source code,but the browser ignores it.
<p>
This paragraph contains
a lot of lines in the
source code,but the
browser ignores it.
</p>
</body>
</html>
SAIF ALWAYS 4 U
22. a. Create a web page using HTML which will /feature an image and surrounded by
names of politicians on all the four sides.
b. Create a table with 2 rows and 5 columns.
PROGRAM
<html>
<BODY LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0
MARGINHEIGHT=0>
<TR>
Top Left
</TD><TD WIDTH=100%><img src="charminar.gif"
align="center" width="32" height="32" /></TD>
Top Right
</TD></TR>
Bottom Left
Bottom Right
</TD>
</TR>
</TABLE>
</BODY>
</html>
<html>
<body><h4>Two rows and three columns:</h4>
<table border="1">
<tr> <td>000</td>
<td>100</td>
<td>200</td>
<td>300</td>
<td>400</td>
</tr>
<tr>
<td>500</td>
<td>600</td>
<td>700</td>
<td>800</td>
<td>900</td>
</tr>
</table></body></html>
OUTPUT
Top
Left
Bottom
Left
Top
Right
Bottom
Right
Two rows and Five columns:
000 100 200 300 400
500 600 700 800 900
SAIF ALWAYS 4 U
23. a Create a program to divide web page into two halves vertically with names of your
subjects of 1st Semester and 4th Semester in each of them, with hyper links to each other.
b. write the name of your favourite teacher in h3 size and apply sliding marquee.
PROGRAM
OUTPUT
<html>
<TABLE WIDTH=100% HEIGHT=100%
CELLSPACING=0 CELLPADDING=0 BORDER=1>
<TR>
<TD WIDTH="50%" VALIGN=TOP ALIGN=LEFT>
<a href="#C4" name="C3">RDBMS</a>
<BR>
<BR>
<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><
BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
</TD>
<TD WIDTH="50%"ALIGN=LEFT VALIGN=BOTTOM>
<a href="#C3" name="C4">E-COMMERCE</a>
</TD>
</tr>
</TABLE>
</BODY>
</html
RDBMS
E-COMMERCE
<html>
<body>
NELEMA MAM
<marquee scrollamount="5" behaviour="SLIDE"
direction="LEFT" width="100%"
bgcolor="GREEN"><font color="YELLOW">
<h3>NELEMA MAM</h3></font></marquee>
</body>
</html>
24. a. Create an html code to create two borderless inline frames,
SAIF ALWAYS 4 U
b. Create your class time table using HTML.
PROGRAM
<html>
<body>
<iframe src="demo_iframe.htm"></iframe>
</body>
</html>
OUTPUT
PROGRAM
<html>
<body>
<h4>B.COM TIME TABLE</h4>
<table border="1">
<tr>
<td>TIME/DAY</td> <td>MON</td><td>TUE</td> <td>WED</td><td>THUR</td>
<td>FRI</td><td>SAT</td>
</tr>
<tr>
<td>08:00-09:00</td><td>FIT</td> <td>FIT</td><td>FIT</td> <td>C-LANG</td>
<td>C-LANG</td> <td>C-LANG</td>
</tr>
<tr>
<td>09:00-10:00</td> <td>E-COM</td> <td>E-COM</td> <td>RDBMS</td>
<td>RDBMS</td> <td>RDBMS</td> <td>E-COM</td>
</tr>
<tr>
<td>10:00-11:00</td><td>WEB-PROG</td> <td>RDBMS</td><td>C-LANG</td>
<td>WEB-PROG</td><td>E-COM</td><td>FIT</td>
</tr>
<tr>
<td>11:00-12:00</td><td>RDBMS</td><td>WEB-PROG</td><td>WEBhttp://www.saif4u.webs.com
SAIF ALWAYS 4 U
PROG</td><td>FIT</td><td>FIT</td><td>RDBMS</td>
</tr>
<tr>
<td>12:00-01:00</td><td>C-LANG</td> <td>C-LANG</td><td>E-COM</td><td>ECOM</td><td>WEB-PROG</td><td>WEB-PROG</td>
</tr>
</table>
</body>
</html>
OUTPUT
B.COM TIME TABLE
TIME/DAY
MON
TUE
WED
THUR
FRI
SAT
08:00-09:00 FIT
FIT
FIT
C-LANG
C-LANG
C-LANG
09:00-10:00 E-COM
E-COM
RDBMS
RDBMS
RDBMS
E-COM
10:00-11:00 WEB-PROG RDBMS
C-LANG
WEB-PROG E-COM
FIT
11:00-12:00 RDBMS
WEB-PROG WEB-PROG FIT
FIT
12:00-01:00 C-LANG
C-LANG
WEB-PROG WEB-PROG
E-COM
E-COM
SAIF ALWAYS 4 U
RDBMS
25. a. Create an Examination form in HTML
b. Create an unordered list of various courses offered in your college.
PROGRAM
<html><body>
<h3>Osmania University Examination Form</h3>
<form name="input" action="html_form_action.asp"
method="get">
<form action="">
Medium: <input type="text" name="Medium" /><br />
Roll NO:<input type="number" name="Roll NO" /><BR><BR>
First name: <input type="text" name="firstname" /><br />
Last name: <input type="text" name="lastname" /><br>
Course:<br>
<option value="B.com Computer">B.com Computer</option>
<option value="B.com General">B.com General</option>
<option value="B.com Application">B.com
Application</option>
<option value="B.com Honors ">B.com Honors </option>
</select><br>
Year:<br><input type="radio" name="year" value="First Year"
/> First Year<br /><input type="radio" name="year"
value="Second Year" /> Second Year<br><input type="radio"
name="year" value="Third Year" /> Third Year<br><fieldset>
<legend>College information:</legend>
Address: <input type="text" size="30" /><br />
Phone No: <input type="number" size="30" /><br />
Admission No: <input type="text" size="10" />
</fieldset>
<textarea rows="10" cols="30">
Type Your Subjects In Order
</textarea><input type="submit" value="Submit" />
</form></body>
</html>
<html>
<body>
<h4>COURSES:</h4>
<ul>
<li>B.COM - COMPUTER</li>
<li>B.COM - HONORS</li>
<li>B.COM - GENERAL</li>
<li>B.COM - APPLICATIONS</li>
</ul>
</body></html>
OUTPUT
COURSES:




B.COM - COMPUTER
B.COM - HONORS
B.COM - GENERAL
B.COM -APPLICATIONS
26. a. Create a marks memo using HTML.
SAIF ALWAYS 4 U
b. Write on HTML program which contains names of your 3 best friends in hi, h2 & h3
sizes with each one in different colors, separated by 3 lines of varying thickness.
PROGRAM
<html><body>
<h1 style="text-align:center;">OSMANIA UNIVERSITY</h1>
<H3 style="text-align:center;">MEMORANDUM OF
MARKS</H3>
<tt>B.com I YEAR APRIL/MAY 2010</tt>
<p style="text-align:right;">ROLL NO: 1059-09-402029<br></p>
NAME:MOHAMMED SAIFUDDIN <br>
FATHERS NAME: MOHAMMED MUZAFFAR <br>
<table border="1">
<tr>
<td>SUBJECTS</td>
<td>MAXIMUM<BR>MARKS</td>
<td>MARKS<BR>SECURED</td>
<td>RESULT</td>
</tr>
<tr>
<td>FIT<br>FUND. OF 'C'<br>RDBMS<br>WEB
PROG.<br>E-COMMERCE<br>--</td>
<td>70<br>70<br>70<br>70<br>70<br>TOTAL</td>
<td>46<br>65<br>59<br>68<br>49<br>287</td>
<td>PASS<br>PASS<br>PASS<br>PASS<br>PASS<br>-</td>
</tr>
</table><BR>
RESULT: PASSED
<p></p>
</body></html>
<html>
<body>
OUTPUT
OSMANIA UNIVERSITY
MEMORANDUM OF MARKS
B.com I YEAR APRIL/MAY 2010
ROLL NO: 1059-09-402-029
NAME:MOHAMMED SAIFUDDIN
FATHERS NAME: MOHAMMED MUZAFFAR
SUBJECTS
MAXIMUM
MARKS
MARKS
SECURED
RESULT
FIT
FUND. OF 'C'
RDBMS
WEB PROG.
E-COMMERCE
--
70
70
70
70
70
TOTAL
46
65
59
68
49
287
PASS
PASS
PASS
PASS
PASS
--
RESULT: PASSED
ISHAQ
<h1 style="color:red;">ISHAQ</h1>
<h2 style="color:green;">AISHWIN</h2>
<h3 style="color:blue;">SUFIYAN</h3>
</body>
</html>
AISHWIN
SUFIYAN
SAIF ALWAYS 4 U
27. a. Create a web page with 2 vertical partitions and the right side should contain
names of 5 movies and the left side names of 5 actors and both of them should be hyper
linked to each other, b. Illustrate the use of radio buttons and checkboxes using atleast 5
items for each using html.
PROGRAM
<html>
MARGINHEIGHT=0>
<TR>
<TD WIDTH="50%" VALIGN=TOP ALIGN=LEFT>
<a href="#C1" name="C2">RA.ONE</a><br>
<a href="#C3" name="C4">PLAYERS</a><br>
<a href="#C5" name="C6">DIRTY PICTURE</a><br>
<a href="#C7" name="C8">GHOST</a><br>
<a href="#C9" name="C10">DON 2</a>
<BR>
<BR>
<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><B
R><BR><BR><BR><BR><BR><BR><BR><BR>
</TD>
<a href="#C2" name="C1">Shahrukh Khan</a><br>
<a href="#C4" name="C3">Abhishek Bachchan</a><br>
<a href="#C6" name="C5">IMRAN KHAN</a><br>
<a href="#C8" name="C7">AKSHAY KUMAR</a><br>
<a href="#C10" name="C9">SALMAN KHAN</a>
</TD>
</tr>
</TABLE>
</BODY>
</html
<html>
<body>
A radio button or option button is a type of graphical user
interface element that allows the user to choose only one
of a predefined set of options.
<form>
<input type="radio" name="sex" value="male" /> B.comhonor<br />
OUTPUT
RA.ONE
PLAYERS
DIRTY PICTURE
GHOST
DON 2
Shahrukh Khan
Abhishek Bachchan
IMRAN KHAN
AKSHAY KUMAR
SALMAN KHAN
A radio button or option button is a type of
graphical user interface element that allows
the user to choose only one of a predefined
set of options.
B.com-honor
B.com-general
SAIF ALWAYS 4 U
<input type="radio" name="sex" value="female" /> B.comgeneral<br>
<input type="radio" name="sex" value="female" /> B.comcomputer<br>
<input type="radio" name="sex" value="female" /> B.comApplication<br>
<input type="radio" name="sex" value="female" /> B.sc (All
Streams)
</form>
Check box permits the user to make multiple selections
from a number of options or to have the user answer yes
(checked) or no (not checked) on a simple yes/no question.
B.com-computer
B.com-Application
B.sc (All Streams)
Check box permits the user to make
multiple selections from a number of
options or to have the user answer yes
(checked) or no (not checked) on a simple
yes/no question.
I have done SSC
<form>
<input type="checkbox" name="course" value="SSC" /> I
have done SSC<br />
<input type="checkbox" name="course" value="Inter" /> I
have done Inter<br>
<input type="checkbox" name=" course " value="Graduate"
/> I have done Graduate<br>
<input type="checkbox" name=" course " value="Post
Graduate" /> I have done Post Graduate<br>
<input type="checkbox" name="job" value="Working" /> I
am Working</form>
</body>
</html>
I have done Inter
I have done Graduate
I have done Post Graduate
I am Working
SAIF ALWAYS 4 U
28. a. Create the following table (not given)
b. Illustrate the use of anchor tag with help of an example using HTML.
PROGRAM
OUTPUT
Definition and Usage
<html>
<body>
The tag defines an anchor. An anchor
can be used in two ways:
<pre>Definition and Usage
The <a> tag defines an anchor. An anchor can be used in
two ways:
To create a link to another document, by using the href
attribute
To create a bookmark inside a document, by using the
name attribute
The <a> element is usually referred to as a link or a
hyperlink.
The most important attribute of the <a> element is the href
attribute, which indicates the link’s destination.
By default, links will appear as follows in all browsers:
An unvisited link is underlined and blue
A visited link is underlined and purple
An active link is underlined and red</pre>
For Example:<br>
<a href="http://www.osmania.ac.in">Osmania
University!</a>
To create a link to another document, by
using the href attribute
To create a bookmark inside a document,
by using the name attribute
The element is usually referred to as a
link or a hyperlink.
The most important attribute of the
element is the href attribute, which
indicates the link’s destination.
By default, links will appear as follows
in all browsers:
An unvisited link is underlined and blue
A visited link is underlined and purple
An active link is underlined and red
For Example:
Osmania University!
</body>
</html>
SAIF ALWAYS 4 U
29. a. Create a Questionnaire with atleast 15 questions with text box. radio buttons, pull
down menus used in it.
PROGRAM
<html>
<body>
<h2>Questionnaire on consumer awareness</h2>
<form action="form_action.asp">
01. Name: <input type="text" name="Name" value="Mickey" /><br />
02. Address: <input type="text" name="Address" value="Mouse" /><br />
03. Telephone No: <input type="Number" name="Number" value="Mouse"
<input type="submit" value="Submit" /><br>
04.<input type="checkbox"/>Do you examine the expiry date of the food items and medicines when
you buy them? <br>
05.<input type="checkbox"/>Do you read the nutritional labels on food products?<br>
06.<input type="checkbox"/> Have you ever cross checked the weights of the products mentioned on
the item?<br>
07.<input type="checkbox"/> Do you compare the price of goods you buy, at other stores<br>
08.<input type="checkbox"/>Do you check the M.R.P.(Maximum Retail Prices) before buying the
products? <br>
09.<input type="checkbox"/>Generally, do you believe everything you read on labels?<br>
10.<input type="checkbox"/>Have you ever come across adulteration in foodstuffs?<br>
11.If yes, did you complain to? <br>
<select>
<option>Shopkeeper</option>
<option>Main supplier</option>
<option>Elese where</option>
</select><br>
12. Was your complaint to the supplier/shopkeeper attended by him to your satisfaction?<br>
<input type="radio" name="1" value="Yes" /> Yes<br />
<input type="radio" name="1" value="No" /> No<br />
13. Are you aware of the tactics stores use to influence your buying habits?
<textarea rows="10" cols="30">
Specify........................
</textarea><br>
14. Are you aware of consumer courts, for redressal of grievances of consumers? <br>
15. If yes, have you ever filed a case in the consumer court?<br>
</form>
</body>
</html>
SAIF ALWAYS 4 U
OUTPUT
SAIF ALWAYS 4 U
32. Create a website of tourism department which contains the names of atleast 5 pilgrim
centres and if we click on each of them, displays textual information about each of them, in
different colours.
PROGRAM
<html>
<body>
<h2>Pilgrimage Tourism</h2>
1.<a style="color:red;" href="#C1">Muslim Pilgrimage Tour</a><br>
2.<a style="color:blue;" href="#C3">Hindu Pilgrimage Tour</a><br>
3.<a style="color:green;" href="#C5">South India Temples Tour</a><br>
4.<a style="color:brown;" href="#C7">Sikh Pilgrimage Tour</a><br>
5.<a style="color:Coral;" href="#C9">Buddhist Pilgrimage Tour</a>
<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR
><BR><BR><BR><BR><BR><BR>
<a style="color:red;" name="C1">1. Duration: 6 Days / 5 Nights Destinations Covered:Delhi Agra Fatehpur Sikri - Jaipur - Ajmer - Delhi</a><br>
<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
<a style="color:blue;" name="C3">2. Duration: 13 Days / 12 Nights Destinations Covered:
Delhi - Haridwar Yamunotri - Uttarkashi - Gangotri - Rudraprayag - Kedarnath - Badrinath Delhi</a><br>
<a style="color:green;" name="C5">3. Duration: 15 Days / 14 Nights Destinations Covered:
Chennai - Kanchipuram ahabalipuram - Chidambram - Tanjore - Trichy</a><br>
<a style="color:brown;" name="C7">4. Duration: 7 Days / 6 Nights Destinations Covered: Delhi
- Chandigarh Parivar Vichhora - Anandpur Sahib - Chandigarh – Amritsar Golden
Temple</a><br>
<BR><BR><BR><BR><BR><BR>
<BR><BR><BR><BR><BR><BR>
<a style="color:Coral;" name="C9">5. Duration: 14 Days / 13 Nights Destinations Covered:
Delhi - Jaipur Agra - Varanasi - Bodhgaya - Vaishali- Kushinagar - Lumbini - Kapilvastu</a>
</body>
</html>
SAIF ALWAYS 4 U
OUTPUT
Pilgrimage Tourism
1.Muslim Pilgrimage Tour
2.Hindu Pilgrimage Tour
3.South India Temples Tour
4.Sikh Pilgrimage Tour
5.Buddhist Pilgrimage Tour
1. Duration: 6 Days / 5 Nights Destinations Covered:Delhi - Agra Fatehpur
Sikri - Jaipur - Ajmer - Delhi
2. Duration: 13 Days / 12 Nights Destinations Covered: Delhi - Haridwar
Yamunotri - Uttarkashi - Gangotri - Rudraprayag - Kedarnath - Badrinath Delhi
3. Duration: 15 Days / 14 Nights Destinations Covered: Chennai Kanchipuram ahabalipuram - Chidambram - Tanjore - Trichy
4. Duration: 7 Days / 6 Nights Destinations Covered: Delhi - Chandigarh
Parivar Vichhora - Anandpur Sahib - Chandigarh – Amritsar Golden Temple
5. Duration: 14 Days / 13 Nights Destinations Covered: Delhi - Jaipur Agra Varanasi - Bodhgaya - Vaishali- Kushinagar - Lumbini - Kapilvastu
SAIF ALWAYS 4 U
33. a. Create the following table using HTML.
North
East
West
South
b. Create a nested list of 10 sports events in Olympics
PROGRAM
OUTPUT
<html>
<body>
North East
<table border="2">
West South
<tr>
<td>North</td>
<td>East</td>
</tr>
<tr>
<td>West</td>
<td>South</td>
</table>
</body>
</html>
<html>
<body>
<h3>Sports in Olympic </h3>
<ul>
<li>Basketball</li>
<li>Boxing</li>
<li>Cycling</li>
<li>Table tennis</li>
<li>Archery</li>
<li>Weightlifting</li>
<li>Billiards & snookers</li>
<li>Wrestling</li>
<li>Hockey</li>
<li>Foot ball</li>
</ul>
</body>
</html>
Sports in Olympic










Basketball
Boxing
Cycling
Table tennis
Archery
Weightlifting
Billiards & snookers
Wrestling
Hockey
Foot ball
SAIF ALWAYS 4 U
35. a. Create a HTML program which should have the name of your State and it should be
in following styles Bold. Italics. Teletype, Underlined. Strikethrough, Subscript and
Superscript. b. It should contain a nested list of atleast 10 districts.
PROGRAM
<html>
<body>
<b>Andhra Pradesh</b><br>
<i>Andhra Pradesh</i><br>
<tt>Andhra Pradesh</tt><br>
<u>Andhra Pradesh</u><br>
OUTPUT
Andhra Pradesh
Andhra Pradesh
Andhra Pradesh
Andhra Pradesh
Andhra Pradesh
Andhra Pradesh
Andhra Pradesh
<strike>Andhra Pradesh</strike><br>
<sub>Andhra Pradesh</sub><br>
<sup>Andhra Pradesh</sup>
</body>
</html>
<html>
<body>
<h3>List of AP Districts</h3>
<ul>
<li>Hyderabad</li>
<li>Adilabad</li>
<li>Nizamabad</li>
<li>Vishakhapatnam</li>
<li>Gunturr</li>
<li>Kurnool</li>
<li>Nalgonda</li>
<li>Karimnagar</li>
<li>Mahbubnagar</li>
<li>Warangal</li>
</ul>
</body>
</html>
List of AP Districts










Hyderabad
Adilabad
Nizamabad
Vishakhapatnam
Gunturr
Kurnool
Nalgonda
Karimnagar
Mahbubnagar
Warangal
36. a. Create a web page which consists of an image and there is some lines of text relating
to that image on the left side, right side of image.
SAIF ALWAYS 4 U
b. Create an HTML program which contains the text OSMANIA UNIVERSITY in h4 size,
in green color and blinking with background color being blue.
PROGRAM
<html>
<body>
<img src="charminar.gif" align="left" width="32"
height="32" />
OUTPUT
<p align="right">Charminar built in 1591 AD, is a landmark
monument located in Hyderabad, India. The two words
Char Minar of Urdu language are combined to which it is
known as Charminar (English: Four Towers).</p>
</body>
</html>
<html>
<body>
<h4 style="color:green;">OSMANIA UNIVERSITY</h4>
</body>
</html>
OSMANIA UNIVERSITY
SAIF ALWAYS 4 U
37. a. Create n web page with the heading ZOO and it should contain ordered list of atleast
5 animals and each one should be hyperlinked to another page where there is description
about that animal.
b. Create a table with single row and 5 columns and these 5 columns should contain names
of 5 flowers.
PROGRAM
<html>
<body>
<h4>ZOO:</h4>
<ol>
<li><a href="#C1">Tiger</a></li><br>
<li><a href="#C21">Lion</a></li><br>
<li><a href="#C3">Elephant</a></li><br>
<li><a href="#C4">Cheetah</a></li><br>
<li><a href="#C5">Monkey</a></li><br>
</ol>
<a name="C1">The tiger (Panthera tigris) is the largest cat
species, reaching a total body length of up to 3.3 metres
(11 ft) and weighing up to 306 kg (670 lb).
</a><br><br><br><br>
<a name="C2">The lion (Panthera leo) is one of the four big
cats in the genus Panthera, and a member of the family
Felidae.</a> <br><br><br><br>
<a name="C3">Elephants are large land mammals in two
extant genera of the family Elephantidae: Elephas and
Loxodonta, with the third genus Mammuthus
extinct</a><br><br><br><br><br>
<a name="C4">The cheetah (Acinonyx jubatus) is a largesized feline (family Felidae) inhabiting most of Africa and
parts of the Middle East. </a><br><br><br><br><br>
<a name="C5">A monkey is a primate, either an Old World
monkey or a New World monkey.</a>
</body>
</html>
OUTPUT
ZOO:
1.
2.
3.
4.
5.
Tiger
Lion
Elephant
Cheetah
Monkey
The tiger (Panthera tigris) is the largest cat
species, reaching a total body length of up
to 3.3 metres (11 ft) and weighing up to
306 kg (670 lb).
The lion (Panthera leo) is one of the four
big cats in the genus Panthera, and a
member of the family Felidae.
Elephants are large land mammals in two
extant genera of the family Elephantidae:
Elephas and Loxodonta, with the third
genus Mammuthus extinct
The cheetah (Acinonyx jubatus) is a largesized feline (family Felidae) inhabiting most
of Africa and parts of the Middle East.
A monkey is a primate, either an Old World
monkey or a New World monkey.
SAIF ALWAYS 4 U
<html>
<body>
<h4>Flowers:</h4>
<table border="1">
<tr>
<td>Rose</td>
<td>Black Rose</td>
<td>Baby's Breath</td>
<td>Bird of Paradise</td>
<td>Jasmin</td>
</tr>
</table>
</body>
</html>
One row and three columns:
Rose
Black Rose
Baby's Breath
SAIF ALWAYS 4 U
Bird of Paradise
Jasmin
38. Create a program in HTML which consists of 4 paragraphs with first Para appearing
as Blockquote, second as preformattcd, third aligned to the centre and the fourth
paragraph should contain atleast 4 words to illustrate SPAN command.
PROGRAM
OUTPUT
<html><body>
<blockquote>
This is a long quotation. This is a long quotation. This is a
long quotation. This is a long quotation. This is a long
quotation.
</blockquote>
<pre>
Text in a pre element
is displayed in a fixed-width
font, and it preserves
both spaces and
line breaks
</pre>
<p align="center">With HTML you can create your own
Web site.<br>
This tutorial teaches you everything about HTML.<br>
HTML is easy to learn - You will enjoy it.</p>
<P>The <span style="color:red;fontweight:bold">SPAN</span> tag is used to group inlineelements in a document.<BR>
The <span style="color:BLUE;fontweight:bold">SPAN</span> tag provides no visual change
by itself.<BR>
The <span style="color:GREEN;fontweight:bold">SPAN</span> tag provides a way to add a
hook to a part of a text or a part of a document.<BR>
When the text is hooked in a <span
style="color:brown;font-weight:bold">SPAN</span>
element you can add styles to the content, or manipulate the
content with for example JavaScript.</P>
</body></html>
This is a long quotation. This is a
long quotation. This is a long
quotation. This is a long quotation.
This is a long quotation.
Text in a pre element
is displayed in a fixed-width
font, and it preserves
both
spaces and
line breaks
With HTML you can create your own
Web site.
This tutorial teaches you everything about
HTML.
HTML is easy to learn - You will enjoy it.
The SPAN tag is used to group inlineelements in a document.
The SPAN tag provides no visual change
by itself.
The SPAN tag provides a way to add a
hook to a part of a text or a part of a
document.
When the text is hooked in
a SPAN element you can add styles to the
content, or manipulate the content with for
example Javascript.
SAIF ALWAYS 4 U
39. a. Create a table using HTML which consists of 3 rows and 4 columns and four
columns should be in red. green, blue and yellow colours. The cells should contain numbers
1.2.3.4.... b. Create a text HAPPY BIRTHDAY TO YOU in h4 size, align it to the centre,
make it scroll from left to right.
PROGRAM
<html>
<body>
<h4>Three rows and Four columns:</h4>
<table border="1">
<tr>
<td align="center" bgcolor="red">..1..</td>
<td align="center" bgcolor="green">..2.. </td>
<td align="center" bgcolor="blue">..3..</td>
<td align="center" bgcolor="yellow">..4.. </td>
</tr>
<tr>
<td align="center" bgcolor="red">1</td>
<td align="center" bgcolor="green">2 </td>
<td align="center" bgcolor="blue">3</td>
<td align="center" bgcolor="yellow">4 </td>
</tr>
<tr>
<td align="center" bgcolor="red">1</td>
<td align="center" bgcolor="green">2 </td>
<td align="center" bgcolor="blue">3</td>
<td align="center" bgcolor="yellow">4 </td>
</tr>
</table>
</body>
</html>
<html>
<body>
<marquee behavior="scroll" direction="right"><h3
style="text-align:center;">HAPPY BIRTHDAY TO
YOU</h3></marquee>
</body>
</html>
OUTPUT
Three rows and Four columns:
..1.. ..2.. ..3.. ..4..
1
2
3
4
1
2
3
4
HAPPY BIRTHDAY TO YOU
SAIF ALWAYS 4 U
40. a. Write an HTML program which contains names of your 5 favourite cricketers in
Sizes hi to h5 with each one in different colors, separated by 5 lines of varying thickness.
b. Create a web page which is divided into two equal halves, vertically. With hyperlinks
connecting one to another.
PROGRAM
OUTPUT
<html>
<body>
<h1 style="color:Maroon;">Sunil Gavaskar</h1>
<h2 style="color:green;">Kapil Dev</h2>
<h3 style="color:blue;">Sachin Tendulkar</h3>
<h4 style="color:brown;">Rahul Dravid</h4>
<h5 style="color:red;">Anil Kumble</h5>
</body>
</html>
Sunil Gavaskar
Kapil Dev
Sachin Tendulkar
Rahul Dravid
Anil Kumble
<html>
MARGINHEIGHT=0>
<TR><TD WIDTH="50%" VALIGN=TOP ALIGN=LEFT>
<a href="#C1" name="C2">RA.ONE</a><br>
<a href="#C3" name="C4">PLAYERS</a><br>
<a href="#C5" name="C6">DIRTY PICTURE</a><br>
<a href="#C7" name="C8">GHOST</a><br>
<a href="#C9" name="C10">DON 2</a>
<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><B
R><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
</TD>
<a href="#C2" name="C1">Shahrukh Khan</a><br>
<a href="#C4" name="C3">Abhishek Bachchan</a><br>
<a href="#C6" name="C5">IMRAN KHAN</a><br>
<a href="#C8" name="C7">AKSHAY KUMAR</a><br>
<a href="#C10" name="C9">SALMAN KHAN</a>
</TD></tr></TABLE></BODY></html>
RA.ONE
PLAYERS
DIRTY PICTURE
GHOST
DON 2
SAIF ALWAYS 4 U
Shahrukh Khan
Abhishek Bachchan
IMRAN KHAN
AKSHAY KUMAR
SALMAN KHAN
41. a. Create a HTML document to insert an image with text surrounded on all four sides
of the image. b. Create an ordered list of 5 items and unordered list of 5 items.
PROGRAM
<html>
<TR>
Top Left
</TD><TD WIDTH=100%><img src="charminar.gif"
align="center" width="32" height="32" /></TD>
Top Right
</TD></TR>
Bottom Left
Bottom Right
</TD></TR>
</TABLE>
</BODY></html>
<html>
<body>
<h4>An Ordered List:</h4>
<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Black Tea</li>
<li>Milk</li>
<li>Sugar</li>
</ol>
<h4>An Unordered List:</h4>
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Black Tea</li>
<li>Milk</li>
<li>Sugar</li>
</ul>
</body></html>
OUTPUT
Top
Left
Top
Right
Bottom
Left
An Ordered List:
6. Coffee
7. Tea
8. Black Tea
9. Milk
10. Sugar
An Unordered List:





Coffee
Tea
Black Tea
Milk
Sugar
SAIF ALWAYS 4 U
Bottom
Right
42. Create a HTML document which shows a Feedback form with Name, Email Id,
Address, Gender. Qualification fields etc... Using Text Fields. Radio Buttons, Comments
Box. Submit Button, and Reset button.
PROGRAM
OUTPUT
<html>
<body>
<h3>Send e-mail to [email protected]:</h3>
<form action="MAILTO:[email protected]"
method="post" enctype="text/plain">
Name:<br />
<input type="text" name="name" value="your name" /><br
/>
E-mail:<br />
<input type="text" name="mail" value="your email" /><br
/>
Address:<br />
<input type="text" name="Address" value="your Address"
/><br />
Gender:<br>
<name="input" action="html_form_action.asp"
method="get">
<input type="radio" name="sex" value="male" /> Male<br
/>
<input type="radio" name="sex" value="female" />
Female<br />
Qualification:<br />
<input type="text" name="Qualification" value="your
Qualification" /><br />
Comment:<br />
<input type="text" name="comment" value="your
comment" size="50" />
<br /><br />
<input type="submit" value="Send">
<input type="reset" value="Reset">
</form>
</body>
</html>
Send e-mail to [email protected]:
Name:
your name
E-mail:
your email
Address:
your Address
Gender:
Male
Female
Qualification:
your Qualification
Comment:
your comment
Send
Reset
SAIF ALWAYS 4 U
43. a. Create a HTML paragraph to illustrate the use of following commands
i. Changing Direction of Text.
ii. Citation
iii. Abbreviations
iv. Acronyms
v. Strong Text
b. Write a program to create two inline frames.
PROGRAM
OUTPUT
<html>
<body>
i. Changing Direction of Text:<br>
<p><bdo dir="rtl">Here is some Hebrew text that
should be written from right-to-left!</bdo></p>
ii. Citation:<br>
<p><cite>Citation</cite></p>
iii. Abbreviations:<br>
<p>The <abbr title="World Health
Organization">WHO</abbr> was founded in
1948.</p>
iv. Acronyms:<br>
<p>Can I get this <acronym title="as soon as
possible">ASAP</acronym>?</p>
v. Strong Text:<br>
<p><strong>This text is strong</strong></p>
</body>
</html>
i. Changing Direction of Text:
Here is some Hebrew text that should be
written from right-to-left!
ii. Citation:
Citation
iii. Abbreviations:
The WHO was founded in 1948.
iv. Acronyms:
Can I get this ASAP?
v. Strong Text:
This text is strong
SAIF ALWAYS 4 U
<html>
<body>
</body>
</html>
SAIF ALWAYS 4 U
44. Create a web page of an Restaurant with Name of the Restaurant in h3, scrolling from
left to right, list of 10 items served in unordered list and hyperlinks to 10 items which on
click of mouse give information about each item served.
PROGRAM
OUTPUT
<html>
<body>
<marquee behavior="scroll" direction="right"><h3
style="text-align:center;">HYDERABAD
REST.</h3></marquee>
<ul>
<li><a href="#C1">HYDERABADI BIRYANI</a></li><br>
<li><a href="#C2">HYDERABADI HALEEM</a></li><br>
<li><a href="#C3">HYDERABADI KHEEMA</a></li><br>
<li><a href="#C4">CHICKEN 65</a></li><br>
<li><a href="#C5">PUDDING</a></li><br>
<li><a href="#C6">FALUDA</a></li><br>
<li><a href="#C7">TALA HUWA GOSHT</a></li><br>
<li><a href="#C8">KADDU KA DALCHA</a></li><br>
<li><a href="#C9">TANDOORI CHICKEN</a></li><br>
<li><a href="#C10">PAKKI BIRYANI</a></li><br>
</ul>
<a name="C1">1-The blending of Mughlai and Andhra
Pradesh cuisines in the kitchens of the Nizam, ruler of the
historic Hyderabad State, resulted in the creation of
Hyderabadi Biryani.</a><br><br><br><br>
<a name="C2">2-The high-calorie haleem is a popular dish
prepared during the Muslim month of Ramadan, since it is
regarded as an ideal food to break the Ramadan fast.</a>
<br><br><br><br>
<a name="C3">3- A popular mutton-mince
curry.</a><br><br><br><br><br>
<a name="C4">4-Chicken 65 is a spicy, deep-fried chicken
dish popular in South India, as a bar snack, entree, or quick
snack. </a><br><br><br><br><br>
<a name="C5">5-In the United Kingdom and some
Commonwealth countries, pudding refers to rich, fairly
homogeneous starch- or dairy-based desserts such as rice
pudding and Christmas pudding, or, informally, any sweet
dish after the main course.</a><bR><br><br><br><br>
<a name="C6">6-Falooda is an adaptation of the non-liquid
Persian dessert Faloodeh, made in Iran and Afghanistan,
from which it adopted the name. This drink may have been
HYDERABAD REST.










HYDERABADI BIRYANI
HYDERABADI HALEEM
HYDERABADI KHEEMA
CHICKEN 65
PUDDING
FALUDA
TALA HUWA GOSHT
KADDU KA DALCHA
TANDOORI CHICKEN
PAKKI BIRYANI
1-The blending of Mughlai and Andhra Pradesh
cuisines in the kitchens of the Nizam, ruler of the
historic Hyderabad State, resulted in the creation
of Hyderabadi Biryani.
2-The high-calorie haleem is a popular dish
prepared during the Muslim month of Ramadan,
since it is regarded as an ideal food to break the
Ramadan fast.
3- A popular mutton-mince curry.
4-Chicken 65 is a spicy, deep-fried chicken dish
popular in South India, as a bar snack, entree, or
quick snack.
5-In the United Kingdom and some
Commonwealth countries, pudding refers to rich,
SAIF ALWAYS 4 U
brought to the Indian subcontinent during the Mughal
period.</a><br><br><br><br>
<a name="C7">7-Tala huwa Gosht is a very simple meat
preparation with lamb, onion, and basic flavorings
originating from Hyderabad,India.Lamb meat is enjoyed
more than chicken meat in Hyderabad,India.</a>
<br><br><br><br>
<a name="C8">8-Kaddu ka Dalcha is an soupy dal
preparation from Hyderabad,India . It is a part of
Hyderabadi cuisine. Dalcha can be prepared with only a
vegetable or along with meat with bone combination, also
called as Dalcha gosht.</a><br><br><br><br><br>
<a name="C9">9-Tandoori chicken is a highly popular
Indian and South Asian dish consisting of roasted chicken,
yogurt, and spices.</a><br><br><br><br><br>
<a name="C10">10-In a pakki biryani, the meat marinating
time is shorter, and the meat is cooked before being
layered with the rice and cooked in a dough-sealed vessel.
In Pakki Yakhni (with cooked gravy), the ingredients are
already cooked before baking.</a>
</body>
</html>
fairly homogeneous starch- or dairy-based
desserts such as rice pudding and Christmas
pudding, or, informally, any sweet dish after the
main course.
6-Falooda is an adaptation of the non-liquid
Persian dessert Faloodeh, made in Iran and
Afghanistan, from which it adopted the name.
This drink may have been brought to the Indian
subcontinent during the Mughal period.
7-Tala huwa Gosht is a very simple meat
preparation with lamb, onion, and basic
flavorings originating from
Hyderabad,India.Lamb meat is enjoyed more
than chicken meat in Hyderabad,India.
8-Kaddu ka Dalcha is an soupy dal preparation
from Hyderabad,India . It is a part of Hyderabadi
cuisine. Dalcha can be prepared with only a
vegetable or along with meat with bone
combination, also called as Dalcha gosht.
9-Tandoori chicken is a highly popular Indian and
South Asian dish consisting of roasted chicken,
yogurt, and spices.
10-In a pakki biryani, the meat marinating time is
shorter, and the meat is cooked before being
layered with the rice and cooked in a doughsealed vessel. In Pakki Yakhni (with cooked
gravy), the ingredients are already cooked before
baking.
SAIF ALWAYS 4 U
45. Create a web page of your colony which should have two paragraphs describing about
the colony, with one paragraph in red color and another in blue color, a table containing
names and address of at least 5 residents in Preformatted Text, with an image in the
background.
PROGRAM
OUTPUT
<html>
<body>
<p style="color:red;">Hyderabad Colony was originally
inhabited by Hyderabadi Muslim migrants from Hyderabad
Deccan.</p>
<p style="color:blue;">Currenty the colony is fast changing
its actual look and surroundings. With recently constructed
flyover near Central Jail and speedy construction of flats,
the area is now completely different from the one that
used to be in early 80s. Few of the old shops still exist but
most of the old ones are either transformed or closed.
</p>HYDERABAD RESIDENTS
<table border="1">
<tr>
<td><pre>Abdullah Shah
Naqshbandi<br>Address:Naqshbandi Chaman, Misri Gunj,
Hyderabad, India</pre></td>
</tr>
<tr>
<td><pre>Akbaruddin Owaisi<br>Address:8-2-686/B/A,
Road No. 12,
Banjara Hills, Hyderabad.</pre></td>
</tr>
<tr>
<td><pre>SYED AHMED PASHA QUADR<br>Address:H.No.
19-5-16/2/1,
Bahadurpura, Kishan Bagh Road,
Hyderabad.</pre></td>
</tr>
<tr>
<td><pre>MUMTAZ AHMED KHAN<br>Address:20-4104/A,
Panch Mohalla, Charminar,
Hyderabad.</pre></td>
</tr>
<tr>
<td><pre>Sherlyn Chopra<br>Address:Jublie Hills, Stree-5,
Hyderabad, India</pre></td>
</tr></table></body></html>
Hyderabad Colony was originally inhabited
by Hyderabadi Muslim migrants from
Hyderabad Deccan.
Currenty the colony is fast changing its
actual look and surroundings. With recently
constructed flyover near Central Jail and
speedy construction of flats, the area is now
completely different from the one that used
to be in early 80s. Few of the old shops still
exist but most of the old ones are either
transformed or closed.
HYDERABAD RESIDENTS
Abdullah Shah Naqshbandi
Address:Naqshbandi Chaman, Misri
Gunj, Hyderabad, India
Akbaruddin Owaisi
Address:8-2-686/B/A, Road No. 12,
Banjara Hills, Hyderabad.
SYED AHMED PASHA QUADR
Address:H.No. 19-5-16/2/1,
Bahadurpura, Kishan Bagh Road,
Hyderabad.
MUMTAZ AHMED KHAN
Address:20-4-104/A,
Panch Mohalla, Charminar,
Hyderabad.
Sherlyn Chopra
Address:Jublie Hills, Stree-5,
Hyderabad, India
SAIF ALWAYS 4 U
46. a. Create a table with 3 rows. and 3 columns with names of your friends in each cell
with alignment of name in centre, left, right of the cell and with 3 different colors for each
row. b. Create a web page which has two vertical frames and one horizontal frame.
PROGRAM
<html>
<body>
<table border="2">
<tr bgcolor="red">
<td align="center">ISHAQ</td>
<td align="right">AISHWIN </td>
<td align="left">SUFIYAN</td>
</tr>
<tr bgcolor="green">
<td align="right">FAIZAN</td>
<td align="center">SALAM</td>
<td align="left">NIZAM</td>
</tr>
<tr bgcolor="blue">
<td align="left">AKSHAY</td>
<td align="center">KHAIZ</td>
<td align="right">KUMAR</td>
</tr></table>
</body>
</html>
<html>
<frameset rows="50%,50%">
<frame src="frame_a.htm" />
<frameset cols="25%,75%">
<frame src="frame_b.htm" />
<frame src="frame_c.htm" />
</frameset>
</frameset>
</html>
OUTPUT
ISHAQ
FAIZAN
AKSHAY
AISHWIN SUFIYAN
SALAM
NIZAM
KHAIZ
SAIF ALWAYS 4 U
KUMAR

e-commerce (practical programs for b.com-iii year)

Transcription

Similar documents

Froggy Drawing handout2 - Mid Mon Valley Transit Authority

Hyderabad - Lonely Planet India

Smoke Signals, Oct 2010

Website: http://sbtetap.gov.in TELEPHONE:

KOROBRI LA HOMSTED Danny Marmina Jentian

Make the most of your transfer journeys.

MADE IN GERMANY

English - FatemiDawat.com

The UK`s number one seaside resort is back with a

hyderabad`s top international curriculum schools