Академический Документы
Профессиональный Документы
Культура Документы
ON
“COMPUTER APPLICATIONS-II”
Any accomplishment requires the effort of many people and this work is not
different. Regardless of the source, I wish to express my gratitude to those
who may have contributed to this work, even though anonymously.
NISHA SHARMA
~2~
CERTIFICATE
INDEX
~3~
2. HTML code to change the Font Color 7
and size of webpage.
3. HTML code to demonstrate: 9
A) Ordered List.
B) Unordered list.
4. HTML code to insert an image in the 11
webpage.
INTRODUCTION TO HTML
~4~
HTML tags most commonly come in pairs like <h1> and </h1>, although some
tags represent empty elements and so are unpaired, for example <img>.
The first tag in a pair is the start tag, and the second tag is the end tag (they are
also called opening tags and closing tags).
Web browsers can read HTML files and compose them into visible or audible web
pages. Browsers do not display the HTML tags and scripts, but use them to
interpret the content of the page. HTML describes the structure of
a website semantically along with cues for presentation, making it a markup
language, rather than a programming language.
HTML elements form the building blocks of all websites. HTML allows images and
objects to be embedded and can be used to create interactive forms. It provides a
means to create structured documents by denoting structural semantics for text
such as headings, paragraphs, lists, links, quotes and other items. It can
embed scripts written in languages such as JavaScript which affect the behaviour of
HTML web pages.
Web browsers can also refer to Cascading Style Sheets (CSS) to define the look and
layout of text and other material. The World Wide Web Consortium (W3C),
maintainer of both the HTML and the CSS standards, encourages the use of CSS
over explicit presentational HTML.
HTML is a markup language that web browsers use to interpret and compose text,
images and other material into visual or audible web pages. Default characteristics
for every item of HTML markup are defined in the browser, and these
characteristics can be altered or enhanced by the web page designer's additional
use of CSS.
Many of the text elements are found in the 1988 ISO technical report TR
9537 Techniques for using SGML, which in turn covers the features of early text
formatting languages such as that used by the RUNOFF command developed in the
early 1960s for the CTSS (Compatible Time-Sharing System) operating system:
these formatting commands were derived from the commands used by typesetters
to manually format documents.
HTML documents imply a structure of nested HTML elements. These are indicated in
the document by HTML tags, enclosed in angle brackets thus: <p>
~5~
In the simple, general case, the extent of an element is indicated by a pair of tags:
a "start tag" <p> and "end tag" </p>. The text content of the element, if any, is
placed between these tags.
Tags may also enclose further tag markup between the start and end, including a
mixture of tags and text. This indicates further, nested, elements, as children of the
parent element.
The start tag may also include attributes within the tag. These indicate other
information, such as identifiers for sections within the document, identifiers used to
bind style information to the presentation of the document, and for some tags such
as the <img> used to embed images, the reference to the image resource.
Some elements, such as the line break <br>, do not permit any embedded content,
either text or further tags. These require only a single empty tag (akin to a start
tag) and do not use an end tag.
Many tags, particularly the closing end tag for the very commonly-used
paragraph element <p>, are optional. An HTML browser or other agent can
infer the closure for the end of an element from the context and the
structural rules defined by the HTML standard. These rules are complex and
not widely understood by most HTML coders.
Q1. Write the code in HTML to change font color and size of the
webpage.
CODING
<html>
<head>
<title> change the font, colour and size of a web page. </title></head>
<br><br>
<br><br><br><br>
</body>
</html>
OUTPUT
~7~
Q.2. Write the code in HTML to demonstrate the use of:
~8~
A) Ordered Lists
B) Unordered Lists
Coding
<html>
<head>
</u></b></font></h1>
~9~
<li><font color = "green"> WOMEN EDUCATION </font>
</body>
<html>
OUTPUT
~ 10 ~
CODING
<html>
<head>
<title>IMAGE</title></head>
<body bgcolor="green">
</body>
</html>
OUTPUT
~ 11 ~
CODING
<br><br>
<center><TABLE BORDER=16>
<TD> A </TD>
<TR><TD>Akanksha </TD>
<TD> B </TD>
<TD> C </TD>
<TD> 9566984531</TD></TR>
OUTPUT
~ 12 ~
B) Table with Headings and background color
CODING
<br><br>
<TD> A </TD>
~ 13 ~
<TD> 3 years</TD></tr>
<TR><TD>Akanksha </TD>
<TD> B </TD>
<TD> C </TD>
<TD> 5 years</TD></TR></table>
OUTPUT
C) Row Span
~ 14 ~
CODING
<HTML>
<TITLE>HOMEPAGE</TITLE>
</HEAD>
<BODY bgcolor="ORANGE">
<CAPTION><H2>STUDENT DETAILS</H2>
</CAPTION>
<TR><TD>SUMIT</TD>
<TD>20-1-1995</TD>
<TR><TD>NISHA</TD>
<TD>13-12-1995</TD>
<TD>KHANPUR</TD></TR>
<TR><TD>AKANKSHA</TD>
<TD>23-7-1995</TD>
<TD>JAWAHAR PARK</TD></TR>
<TR><TD>PRIYANKA</TD>
<TD>23-7-1995</TD>
<TD>MEETHAPUR</TD></TR>
<TR><TD>MEENAKSHI</TD>
<TD>2-2-1995</TD>
<TD>NOIDA</TD></TR>
~ 15 ~
</BODY>
</HTML>
OUTPUT
Coding
<HTML>
~ 16 ~
<HEAD>
<TITLE>UNIVERSITY </TITLE>
</HEAD>
<BODY>
</body>
</html>
OUTPUT
University.html
<HTML>
<HEAD>
<TITLE>university </TITLE></HEAD>
~ 17 ~
<BODY>
</body>
</html>
OUTPUT
CODING
<html>
<head>
~ 18 ~
<title>Registration</title></head>
<body BGCOLOR="PINK">
Hi there!
We'll get you set up on Yahoo! in three easy steps! Just answer a few simple
questions, select an ID and password, and you'll be all set.
<form>
First Name:
Last Name:
Gender:
<select name="gender">
<option>choose one</option>
<option>Male</option>
<option>Female</option>
</select><br>
Birthday:
<select name="month">
<option>select month</option>
<option>January</option>
<option>February</option>
<option>March</option>
<option>April</option>
<option>May</option>
<option>June</option>
~ 19 ~
<option>July</option>
<option>August</option>
<option>September</option>
<option>October</option>
<option>November</option>
<option>December</option>
</select>DAY:
<input type="number"size="2"maxlength="2">
Year:
<input type="number"size="4"maxlength="4"><br>
Country:
<input type="memo"size="25"maxlength="25"><br>
Postal Code:
<input type="number"size="6"maxlength="6"><br>
<input type="memo"size="25"maxlength="25"@yahoo.com><br>
Password:
<input type="memo"size="10"maxlength="10"><br>
<input type="memo"size="10"maxlength="10"><br>
Alternate Email:
<input type="memo"size="50"maxlength="50"><br>
Security Question:
<option>-select one-</option>
~ 20 ~
<option>What is your pet's name?</option>
</select><br>
Your Answer:
<input type="memo"size="40"maxlength="40"><br>
Do you agree?:
<input type="checkbox"><br>
</textarea>
<CENTER>
</CENTER></FORM>
</BODY>
</HTML>
OUTPUT
~ 21 ~
Q.7. Write an HTML code to Design an Online Reservation Form.
CODING
<html>
<head>
<body bgcolor="PINK">
~ 22 ~
<font size=7 font color="RED">
<center><b><u><i>
</b></u></i></center></font><br><br>
<table>
<tr>
</td>
</tr>
<tr>
<tr>
<tr>
<select>
<option>Select Class</option>
~ 23 ~
<option> SLEEPER CLASS(SL)</option>
</select>
</td></tr>
</table><br><br>
<b><u>PAYMENT VIA:</b></u>
<br><br>
<b><u>TICKET TYPE:</b></u>
<br>
<br>
<br>
<br>
<center><form>
</body>
</html>
OUTPUT
~ 24 ~
Q.8.Write HTML code to design a personal profile.
CODING
<HTML>
<HEAD>
<TITLE>PROFILE</TITLE></HEAD>
<BODY BGCOLOR="ORANGE">
~ 25 ~
<H1>PERSONAL PROFILE</H1><HR SIZE="6"><BR><BR>
<FORM>
NAME:
BIRTHDAY:
<SELECT NAME="MONTH">
<OPTION>SELECT MONTH</OPTION>
<OPTION> JANUARY</OPTION>
<OPTION>FEBRUARY</OPTION>
<OPTION> MARCH</OPTION>
<OPTION>APRIL</OPTION>
<OPTION> MAY</OPTION>
<OPTION> JUNE</OPTION>
<OPTION> JULY</OPTION>
<OPTION> AUGUST</OPTION>
<OPTION>SEPTEMBER</OPTION>
<OPTION>OCTOBER</OPTION>
<OPTION>NOVEMBER</OPTION>
<OPTION>DECEMBER</OPTION>
</SELECT>  DAY:
YEAR:
COUNTRY:
~ 26 ~
POSTAL CODE:
ADDRESS:
RESIDENCE NUMBER:
MOBILE NUMBER:
EMAIL:
FAX:
PASSPORT NUMBER:
BLOOD GROUP:
<OPTION>SELECT ONE</OPTION>
~ 27 ~
<OPTION>'O' POSITIVE</OPTION>
<OPTION>'O' NEGATIVE</OPTION>
<OPTION>'A' POSITIVE</OPTION>
<OPTION>'AB' NEGATIVE</OPTION>
<OPTION>'A'NEAGTIVE</OPTION>
<OPTION>'AB' POSITIVE</OPTION>
<OPTION>'B'NEAGTIVE</OPTION></SELECT><BR>
<OPTION>SELECT ONE</OPTION>
<OPTION>AXIS BANK</OPTION>
<OPTION>ICICI BANK</OPTION>
<OPTION>YES BANK</OPTION>
<OPTION>HDFC BANK</OPTION>
<OPTION>DENA BANK</OPTION>
<OPTION>SBI</OPTION></SELECT>
</TEXTAREA><BR>
ABOUT MYSELF:<BR>
</TEXTAREA><BR><BR><CENTER>
</CENTER></FORM>
</BODY>
</HTML>
~ 28 ~
OUTPUT
CODING
<html>
<head>
<title>homepage</title>
~ 29 ~
</head>
<body bgcolor="orange">
<p align="center">
</font>
</body>
</html>
OUTPUT
~ 31 ~
Q.10.Write HTML code to design an online shopping form.
~ 32 ~
CODING
<html>
<head></head>
<form>
<select>
<option>grocerry</option>
<option>clothes</option>
<option>fotwear</option>
~ 33 ~
<option>jewellery</option>
</select><br>
<select>
<option>00</option>
<option>01</option><option>02</option>
<option>03</option><option>04</option><option>05</option></select><i>
Payment via<br>
</p>
Credit card number <input type = "text" value = "" size="20"> </font>
<CENTER>
</CENTER>
</form></font>
</body>
~ 34 ~
</html>
OUTPUT
CODING
<HTML>
~ 35 ~
<HEAD>A PLACE TO EAT THE HEART OUT
<TITLE>SOULS FACTION</TITLE></HEAD>
<BODY bgcolor="ORANGE">
<H4>LIST OF FOOD</H4>
<OL START="1">
<Li>PIZZA</Li>
<Li>BURGER</Li>
<Li>SANDWICH</Li>
<Li>SPRINGROLL</Li>
<Li>MAGGI</Li></OL>
<A HREF=MENU></A>
</BODY>
</HTML>
OUTPUT
~ 36 ~
Q12. HTML codes for website of six pages.
<html>
<head>
~ 37 ~
<title>Batra Hospital</title></head>
<body bgcolor="orange"><br><br>
<h1><b><center>BATRA HOSPITAL</center></b></h1>
<center><a href=facility.html>Facilities</a>   <a
href=speciality.html>Speciality</a>   <a
href=international.html>International pateients</a>   <a
href=service.html>Services</a>   <a
href=empanelments.html>Empanelments</a></center>
<h2><b><u>About us </u></b></h2>
<p>The Hospital & Medical Research Centre was established in the year 1987 by
Ch. Aishi Ram Batra Public Charitable Trust. The Batra Hospital & Medical Research
Centre is located at Tughlakabad and is a 495 bedded facility with 14 Operation
Theatres, 112 ICU beds and 24x7 Emergency facilities. Shri DV Batra was a
Member of the Shri Mata Vaishno Devi Shrine Board which operates under the
Chairmanship of His Excellency the Governor of Jammu and Kashmir.
In 1996, the Jammu & Kashmir Government awarded him the Prestigious Gold
Medal at a special function presided over by the His Excellency the Governor of
Jammu & Kashmir. This is the Highest Civilian Award of the state of Jammu and
Kashmir.Besides he has rendered and continues to render services in various social,
religious and human welfare activities.</p>
<h3><b>Centres of excellence</b></h3>
<ol start="1">
~ 38 ~
</body></html>
OUTPUT
<html>
<head>
<title>Batra Hospital</title></head>
~ 39 ~
<body bgcolor="orange"><br><br>
<h1><b><center>BATRA HOSPITAL</center></b></h1>
<ol start="1">
<li>The hospital is centrally air-conditioned and has a total bed capacity of 495
beds. The beds are divided into categories so that people from all segments of the
society can afford the room rates according to their budgets. The categories are:
Diplomat Deluxe, Diplomat, Super Deluxe/ VIP, Deluxe, Single Room, Semi Private
(2 Bedded/3 Bedded) and Multi-Sharing Room. The accommodation comes in the
options of A/C and Non-A/C.</li><br><br>
<li>The Hospital has 27 Bedded Medical ICU which has state-of-the-art monitoring
and ventilator facilities. There are separative Intensive Care Units for Cardiology,
Neurology, Medicine and Surgery. The ICU's are manned 24x7 by ICU Trained
Residents and In-House Consultants. The ICU has separate isolation rooms with
facilities for both positive and negative pressure chambers. The hospital has 24-
Bedded Intensive Care Unit with 24x7 monitoring especially for Post-Operative
Cardiac patients.</li><br><br>
<li>The hospital has state-of-the art and very well-equipped operation theatres.
Each OT is equipped with laminar airflow for air-conditioning with HEPA Filters. The
OT's have Imported dual dome OT lights, low flow anaesthesia machines with built
in ventilators and multi-parameter modular monitors. They also have separate Pre
and Post-Operative Area, Recovery Room and Surgical ICU . The units have their
own blood gas and electrolyte machines </li><br><br>
</body>
</html>
~ 40 ~
Output
<html>
<head>
<title>Batra Hospital</title></head>
~ 41 ~
<body bgcolor="orange"><br>
<h1><b><center>BATRA HOSPITAL</center></b></h1>
<ol start="1">
</body>
</html>
Output
~ 42 ~
Coding of 4th Page (International Patients)
<html>
<head>
<title>Batra Hospital</title></head>
~ 43 ~
<body bgcolor="orange"><br><br>
<h1><b><center>BATRA HOSPITAL</center></b></h1>
<ol start="1">
<li>Visa Services</li>
<li>Airport Transfers</li>
~ 44 ~
<li>Wi Fi enabled suites</li></ul></ol>
</body></html>
Output
<html>
<head>
<title>Batra Hospital</title></head>
<body bgcolor="orange"><br><br>
~ 45 ~
<h1><b><center>BATRA HOSPITAL</center></b></h1>
<ol start="1">
<li>Cardiac Ambulance<br>
~ 46 ~
</body></html>
Output
<html>
<head>
<title>Batra Hospital</title></head>
<body bgcolor="orange"><br><br>
<h1><b><center>BATRA HOSPITAL</center></b></h1>
~ 47 ~
<h2><b><center>Health And Happiness For All</center></b></h2><br>
<h2><b><u>Empanelments</u></b></h2>
<ol start="1">
<li>corporate</li>
<li>Delhi metro</li>
<li>Icon</li>
<li>Hero honda</li></ul>
<li>PSU</li>
<li>Air India</li>
<li>Bharat petroleum</li>
<li>Bharat Electronics</li></ol>
<li>E-meditek</li>
<li>DHS</li>
~ 48 ~
<li>Genins India TPA Ltd</li></ul></ol>
</body></html>
Output
Coding
<html>
<head>
<style>
h1 {
background-color: #6495ed;
}
~ 49 ~
p{
background-color: #e0ffff;
div {
background-color: #b0c4de;
</style>
</head>
<body>
<div>
</div>
</body>
</html>
Output
~ 50 ~
Coding
~ 51 ~
<html>
<head>
<style>
.center {
text-align: center;
color: red;
</style>
</head>
<body bgcolor="black">
</body>
</html>
Output
~ 52 ~
~ 53 ~