HTML Aastha File

PRACTICAL FILE
ON
“COMPUTER APPLICATIONS-II”
Submitted in partial fulfillment of the requirement for the

award of the degree of BACHELOR OF BUSINESS
ADMINISTRATION
To
GURU GOBIND SINGH INDRAPRASTHA

UNIVERSITY
SUPERVISED BY: - SUBMITTED BY:-

Mr. Shailendra kumar Ms. Aastha Bhasin
ROLL NO: -
NEW DELHI INSTITUTE OF MANAGEMENT

61, TUGHLAKABAD, NEW DELHI-62
ACKNOWLEDGEMENT
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.
First I would like to express my deepest sense of gratitude to NEW

DELHI INSTITUTE OF MANAGEMENT for providing me an opportunity
to conduct this work.
I would like to pay my sincere thanks to my computer applications II

guide, Mr. Shailendra kumar, New Delhi Institute of Management,
under whose guidance I was able to complete my project successfully. I
have been fortunate enough to get all the support, encouragement and
guidance from him needed to explore, think new and initiate.
My final thanks go out to my parents, family members, teachers and

friends who encouraged me countless times to persevere through this
entire process.
AASTHA BHASIN
CERTIFICATE
This is to certify that the practical file titled “COMPUTER APLLICATIONS-

II” submitted by AASTHA BHASIN to New Delhi Institute of Management,
Guru Gobind Singh Indraprastha University, Delhi in partial fulfillment of
requirement for the award of the Bachelor of Business Administration
degree is an original piece of work carried out under my guidance and
may be submitted for evaluation. The assistance rendered during the
study has been duly acknowledged. No part of this work has been
submitted for any other degree.
Place: New Delhi Faculty Guide:

Dated: Mr. Shailendra kumar
INDEX
S.NO TOPIC T.SIGN
1. Introduction to HTML
2. (a) Explain Container and Empty Tag with an example.

(b) Write basic program of HTML with an output.
3. Explain font tag with their attributes. Write HTML code
to change the font color, size and font face of
paragraph.
4. Explain different types of lists in brief. Write HTML
code for ordered list, unordered list & nested list.
5. Write syntax for image tag. Also explain different
extensions of image.
6. Explain table tag with three attribute. Write HTML code
to designs tables with different styles.
7. Explain forms. Write HTML code to design a form.
8. Write HTML code to design an online railway

reservation form.
9. Write HTML program to design an online E-commerce.
10. Write HTML program to design any food corner.
11. Explain CSS with an example.
12. Write HTML code for a website.

Ques.1 Write an introduction to HTML.
Ans.1 Hyper Text Markup Language, commonly referred to as HTML, is the
standard markup language used to create web pages. It is written in the form
of HTML elements consisting of tags enclosed in angle brackets (like <html> ).
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.
However, the SGML concept of generalized markup is based on elements (nested

annotated ranges with attributes) rather than merely print effects, with also the
separation of structure and markup; HTML has been progressively moved in this
direction with CSS.
HTML documents imply a structure of nested HTML elements. These are
indicated in the document by HTML tags, enclosed in angle brackets thus: <p>
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.
Ques.2
(A) Explain container and empty tag with example.
(B) Write basic program of HTML with an output.
Ans.2 (A) Container Tags:
A container tag in HTML is one which has both opening and closing tags. There
are some tags in HTML which don't have a closing tag. They end within the same
tag.
Examples:
<html> is a container tag, it has it's closing tag as </html>. Other examples are
<body>, <head>, <p> etc. These are called container tags because they
contain something, within the two tags.
For example, <html> marks the beginning of a HTML page whereas </html>
marks the end. The content written within these tags is contained by the <html>
tag. Hence the name container tag.
But some tags like <br> also written as <br/> are not container tags as they
don't need to contain anything. It is only a line break in case of <br>. Such tags
are sometimes used like <br/>.
Empty Tag:
On the other hand, the empty tag stands alone. The tag <br> is one that adds
a line break. Empty tags do not have to be wrapped around an element and do
not require a closing tag. If we do not use attribute inside a tag that does not
make it an empty tag because there is still some text written after the tag before
closing it.
An "empty tag" refers to HTML coding where the line of code stands alone and is
not closed with slash characters. Empty tags are used to insert images, lists,
breaks, meta tags, horizontal rules and hyperlinks. Empty tags are bracketed by
"<" and ">" characters. Empty tags do not have any outside content from other
programs, and they only contain a single code to place something on a Web
page.
Example of Empty Tags are:
<base> Document base URI
<br> Forced line break
<col> Table column
<colgroup> When the span is present
<comment> Used to insert a comment in the source code.
(B) BASIC PROGRAM OF HTML WITH AN OUTPUT
<HTML>
<HEAD>
<TITLE> MY HOME PAGE </TITLE>
</HEAD>
<BODY>
<BODY BGCOLOR="AQUA">
<H1> WELCOME TO MY HOME PAGE </H1>
HI THERE!
</BODY>
</HTML>
OUTPUT
Ques.3 Explain font tag with their attributes.
Ans.3 The HTML element <font> is a paired tag used to change the way text is
displayed within <font> …. </font> tags. The effect is controlled by a number of
attributes:
1. Font Size:
The value of this attribute is a signed number, usually in the range of -7 to +7, it
changes the current font size. The units of font size measurement are arbitrary,
all that can be said is that +6 is bigger than +5 etc.
Eg: <font size=+3> this is +3</font> and
<font size=-2> this is -2</font>

OUTPUT
2. Font Color:
The color of text can be changed. The value associated with the tag specifies a
color. There are two ways of specifying a color:
 As a 6 digit hexadecimal number

 Using a conventional name
The hexadecimal number should be introduced with a # symbol and, ideally,

enclosed with double quotes. The conventional names understood by some
browsers originated with certain items of Microsoft software.
For example:
#000000 = Black
#FFFFFF = White
#FFFF00= Yellow
#0000FF = Blue
<font color="#FF0000"> How </font> <font color="#00FF00"> Are </font>

<font color="#0000ff"> You? </font>
OUTPUT
3. Font Face:
A few browsers allow the author to use this attribute to specify a particular
typeface. This will, work if the browser understands this tag and can support the
indicated typeface.
Example:
<font face="comic Sans MS"> This is in Times Typeface</font> and this

browser default.
OUTPUT
HTML code to change the Font color, Font size and Font face of
paragraph.
<html>
<head>
<title> Change the font, colour and size of a web page. </title></head>
<body bgcolor = "yellow">
<h1 font color="white" face ="verdana" size

="12"><u><b><i>HTML</b></u></i></font></h1>
<br><br>
<h2 font color="blue" face="arial" size="9"><u><b><i>WHAT IS

HTML?</b></u></i></font></h1>
<br><br><br><br>
<b><font color="red" face="AR CENA" size="4">HTML stands for Hypertext

Markup Language. This is not a programming language like Java, Perl , C or
BASIC. It is a simple markup language. It is a way of describing how a set of
text and images should be displayed to the viewer, similar in concept to a
newspaper editor’s markup symbols.The document prepared through this
language is a special kind of text document that is used by web browsers to
present to present text and graphics.HTML documents are also referred as
“WebPages”. The browser retrieves web pages from web servers that can be
anywhere in the world through the internet.</font></b>
</body>
</html>
OUTPUT
Ques.4 Explain different type of list in brief. Write HTML code for
ordered list, unordered list and Nested list.
ANS.4
 Ordered Lists
These are sometimes called numbered lists because, by default, the list
items contained in that list have a specific numerical order or ranking.
Ordered lists are appropriate where the exact ordering of items are
critically important to the meaning of the content. For example, a recipe
would likely use an ordered list because the steps presented are not done
so in an arbitrary order. The order of those steps is crtical to the outcome
of that recipe. Any step-by-step process is best presented as an ordered
list.
Eg:
<H4> AN ORDERED LIST:</H4>
<OL>
<LI> COFFEE </LI>
<LI> TEA </LI>
<LI> MILK </LI>
</OL>
 Unordered Lists
These are sometimes called bulleted lists, because the default visual
appearance of an Unordered List is to have small bullet icons in front of
the list items. This type of list is best used are for lists that don't have a
required order. The list items will appear in whatever order you code
them in for the HTML, but you are determining that order and, unlike a
receipe or step-by-step process, the order could be changed and the
meaning of the content would not suffer. For example, if you make a list
of the people you work with, you could order them alphabetically, or
based on seniority, or according to departments, etc. Any of these would
make sense and the meaning of the list (people you work with) would not
change regardless of which option you choose. The order is determined by
you and your markup, so exact numbers are not needed. This is a good
option for an unordered list.
Example
<H4> AN UNORDERED LIST:</H4>
<UL>
<LI> COFFEE </LI>
<LI> TEA </LI>
<LI> MILK </LI>
</UL>
OUTPUT
 NESTED LIST
Lists can be nested i.e not only one list can occur inside another, one type
of list can exist inside another type of list.
EXAMPLE:
<H4> A NESTED LIST:</H4>
<UL>
<LI> COFFEE </LI>
<LI> TEA </LI>
<UL>
<LI> BLACK TEA </LI>
<LI> GREEN TEA </LI>
</UL>
<LI> MILK </LI>
</UL>
OUTPUT
HTML code for different types of list:
<html>
<head>
<title>The use of ordered list and unordered list.</title> </head>
<body bgcolor = pink>
<h1 font color = "violet" face = "arial"><u><b> FOOD ITEM'S
</u></b></font></h1>
<font size = "6" face = "times new roman">
<ol type = "1" start = "1">
<li><font color = "blue"> ITALIAN </font>
<li><font color = "blue"> NORTH INDIAN </font>
<li><font color = "blue"> MEXICAN </font>
<li><font color = "blue">SOUTH INDIAN </font>
<li><font color = "blue">CHINESE</font>
<ul type = "fillround">
<li><font color = "red"> NOODLES </font>
<li><font color = "red"> SPRING ROLLS </font>
<li><font color = "red"> CHILLI POTATOES </font>
<li><font color = "red"> CHILLI PANEER </font>
<li><font color = "red"> DIM SUMS </font>
</ul>
<li><font color = "blue"> THAI FOOD </font> </li>
<li><font color = "blue"> JAPANESE FOOD </font>
</body>
<html>
OUTPUT
Ques.5 Write syntax for image tag. Also, explain different types of
extensions of image.
Ans.5
Syntax: <img src=” Location or the path to the image file”>
Note:
1. This tag does not have an end tag.

2. The image file can be one that exists in the computer or one that exists in
the Web Server.
If it exists in the computer the path will be something like this:
“C:/My documents/My Pictures/Sunset.jpg”
Different types of extensions for image:
1) JPEG (or JPG) - Joint Photographic Experts Group
JPEGs might be the most common file type you run across on the web, and
more than likely the kind of image that is in your company's MS Word version
of its letterhead. JPEGs are known for their “lossy” compression, meaning that
the quality of the image decreases as the file size decreases. You can use
JPEGs for projects on the web, in Microsoft Office documents, or for projects
that require printing at a high resolution. Paying attention to the resolution and
file size with JPEGs is essential in order to produce a nice looking project.
2) PNG – Portable Network Graphics
PNGs are amazing for interactive documents such as web pages, but are not
suitable for print. While PNGs are "lossless", meaning you can edit them and
not lose quality, they are still low resolution. The reason PNGs are used in most
web projects is that you can save your image with more colours on a
transparent background. This makes for a much sharper, web-quality image.
3) GIF – Graphics Interchange Format

GIFs are most common in their animated form, which are all the rage on
Tumblr pages and in banner ads. It seems like every other day we have a
new Grumpy Cat or Honey Boo Boo animated GIF. In their more basic form,
GIFs are formed from up to 256 colours in the RGB colorspace. Due to the
limited number of colours, the file size is drastically reduced. This is a common
file type for web projects where an image needs to load very quickly, as
opposed to one that needs to retain a higher level of quality.
4) TIF – Tagged Image File
A TIF is a large raster file that doesn’t lose quality; it is usually used when
saving photographs for print. Don’t use this file on the web; it will take forever
to load!
5) PSD – Photoshop Document
PSDs are files that are created and saved in Adobe Photoshop, the most
popular graphics editing software ever! This type of file contains “layers” that
make modifying the image much easier to handle. This is also the program that
generates the raster file types mentioned above.The largest disadvantage to
PSDs is that Photoshop works with raster images as opposed to vector images.
6) PDF – Portable Document Format
PDFs were invented by Adobe with the goal of capturing and reviewing rich
information from any application, on any computer, with anyone, anywhere. I’d
say they have been pretty successful so far. If a designer saves your vector
logo in PDF format, then you can view it without any design editing software
(as long as you have downloaded the free Acrobat Reader software) and they
have the ability to use this file to make further manipulations. This is by far the
best universal tool for sharing graphics.
Ques.6 Explain table tag with their attributes. Write HTML code to
design different styles with different design:
(a) Row Span
(b) Column Span
Ans.6
Table tag: Whenever you want to present the data in the form of rows and
columns, you make use of <table> tag to do so. This tag has the starting tag
and the mandatory ending tag. This tag has an optional <caption> tag followed
by one or more rows. Each row consists of one or more cells, which can be
either header or data cells.
Attributes of table tag are:
(1) Border
This attribute draws an inside and outside border of the table. It takes
the value as a number. This number can be 1, 2, 3…. When you
increase the number beyond one, this attributes changes the outside
border, while the inner border remains unaffected. The outside border
thickens on all the four sides of the table.
(2) Align
This attribute places the table in the center, right or left or the web
page. The values that this attribute can take “center”, “left” ,”right”.
The default is “left” alignment.
(3) Width
The WIDTH attribute can be a pixel width (a number) or a percentage (
a number with a percent symbol). It indicates the suggested width of
the table, although the browser can ignore this if not possible. A
“100%” value means the table will span across the entire browser
window. This also means that one can take the width of the window as
100% and decide upon how much portion of this width the table should
occupy
(4) BorderColor
The color of the table border as a whole is set with the “BorderColor”
attribute of the <table> tag.
(5) Table Borders: Light and Dark
Visual web browsers such as Netscape and Microsoft Internet Explorer
render table borders with the three-dimensional appearance. They do
this by making the top and left borders lighter than the bottom right
borders. This makes the table look like it is partly under a light source
with and partly in shadow.You can change the light and dark border
color using BORDERCOLORLIGHT and BORDERCOLORDARK attributes.
(6) Table Backgrounds: Color
The background color of a table can be set using the attribute
BGCOLOR. This attribute takes the name of the color or hexadecimal
number as value.
(7) Table Backgrounds: Image
An image can be inserted at the background of a table using the
attribute BACKGROUND. This attribute takes the value as the location
or the path of the image file. The image file can be a BMP file or JPG
file or GIF file.
(8) CELLPADDING=n
The CELLPADDING attribute indicates how many pixels there should be
between a cell’s contents and the border. It does not accept the value
in the form of a percentage.
(9) CELLSPACING=n
CELLSPACING indicates how much white space (in pixels) there should
be between individual cells. Similar to cellpadding, it does not accept
the value in the form of a percentage.
(10) COLSPAN
The COLSPAN attribute gives us more flexibility in our table design. If
we want to give the table a nice header, this is the attribute we would
use. We use this attribute in the <TD> tag. We have to assign a
number for how many columns we wish to span.
(11) ROWSPAN
When the table’s cells spans across more than one row, it is called
ROWSPAN. If we want to give the table a nice sidebar, this attribute is
used. We use these attribute in the <TD> tag. We have to assign a
number for how many rows we wish to span downwards.
CODING FOR ROWSPAN
<HTML>
<HEAD>EXAMPLE OF SPANNING ROW
<TITLE>HOMEPAGE</TITLE>
</HEAD>
<BODY bgcolor="LIGHT BLUE">
<TABLE BORDER="2", ALIGN="CENTER", WIDTH="80%", bgcolor="AQUA">
<CAPTION><H2>STUDENT DETAILS</H2>
</CAPTION>
<TH ROWSPAN="6">STUDENT NAME<BR>WITH<BR>DATE OF

BIRTH<BR>AND<BR>ADDRESS</TH>
<TR><TD>UTKARSH</TD>
<TD>04-05-1997</TD>
<TD>MALVIYA NAAGR</TD></TR>
<TR><TD>USHA</TD>
<TD>15-12-1997</TD>
<TD>HAUZ KHAZ</TD></TR>
<TR><TD>ISHA</TD>
<TD>28-05-1998</TD>
<TD>JANAK PURI</TD></TR>
<TR><TD>PRIYAM</TD>
<TD>15-04-1997</TD>
<TD>SAKET</TD></TR>
<TR><TD>DAKSH</TD>
<TD>22-02-1998</TD>
<TD>ROHINI</TD></TR>
</BODY>
</HTML>
OUTPUT
CODING FOR COLSPAN
<HTML>
<HEAD>EXAMPLE OF SPANNING COLUMN
<TITLE>HOMEPAGE</TITLE>
</HEAD>
<BODY bgcolor="LIGHT BLUE">
<TABLE BORDER="2", ALIGN="CENTER", CELLPADDING=4, bgcolor="AQUA">
<TR> <TH COLSPAN=2> PRODUCTION </TH> </TR>
<TR> <TD> ABC </TD> <TD> 1493 </TD> </TR>
<TR> <TD> DEF </TD> <TD> 3829 </TD> </TR>
<TR> <TD> GHI </TD> <TD> 0283 </TD> </TR>
<TR> <TD> JKL </TD> <TD> 7584 </TD> </TR>
<TR> <TH COLSPAN=2> SALES </TH> </TR
<TR> <TD> MNO</TD> <TD> 4827 </TD> </TR>
<TR> <TD> PQR </TD> <TD> 7246 </TD> </TR>
<TR> <TD> STU </TD> <TD> 5689 </TD> </TR>
<TR> <TD> VWX </TD> <TD> 1493 </TD> </TR>
</TABLE>
</BODY>
</HTML>
OUTPUT FOR COLSPAN
Ques.7 Explain LINK/Anchor Tag with example.
Ans.7 To create a link or to access another document, one has to make use of
anchor tag in HTML. The reason of using the anchor tag could be attributed to
the function of the anchor. As the anchor provides the support to a ship when it
reaches the shore , the text is supported by another document the moment
somebody clicks on it. Anchor tag is made up of three parts, namely Start tag of
anchor tag along with the attribute HREF which specifies the route to the
document, the text that act as link and end tag as a anchor. The Syntax of
anchor tag or simply <a> is:
<A HREF=”Address or the route to the web page”> text that acts as
link</A>
URL or Uniform Research Locator is an address of a document on the internet. A

URL is made uo of four parts and they are:
(a) Protocol
(b) Hostname
(c) Folder name
(d) File name
Each of the four parts has a specific function. Depending upon the application, a
URL may sometimes include additional information like the user name or the
name of the server side script. The four parts are discussed below:
(a) Protocol
Protocols are the set of rules that the computer connected to each
other have to follow while exchanging data. Protocol tells the browser
where the information is located (whether on the web server or the
computer), what steps may be involved when document is retrieved
(I.e. whether to logon or to provide information to the server without
logging and so on).
(b) Hostname
The host name is the name of the server that holds the document that
is to be retrieved. Hostname can be the name of your internet service
provider. Suppose the name of your ISP’s server is ispmission, the
name, the name of the hostname thus becomes www.ispmission.com.
Eg: http://www.ispmission.com/~name of the
account/filename.html
(c) Folder Name
Folder name is the final location where the computer will look or the
requested file. Folders are needed the documents. There is no limit to
depth to which you can nest the folders. When you name a folder, they
can include only the following characters:
 Alphabetic characters
 Numbers
 Symbols such as dollar sign ($), hyphen (-), underscore (_)
and a period (.)
If the name of the folder contains character other than these, then you
are required to include the hexadecimal representation for those
characters.
(d) File Name
Filenames are the names of the specific document and consists of two
components of information:
o The primary name that identifies the file

o The extension describes the type of the file. If it is image file, the
extension will be .jpg or .gif, if it is text file, the extension will be
.txt,.doc etc. the file name’s extension becomes significant when
you provide the document other than HTML files or the basic
images on your end.
CODING FOR ANCHOR TAG
<HTML>
<HEAD>
<TITLE>UNIVERSITY </TITLE>
</HEAD>
<BODY>
<h1>DELHI UNIVERSITY </h1>
<hr><br><b><font color="black" face="arial" size="5">Indraprastha univrsity

is a famous university in <a href="university.html">delhi</a> and Maharaja
Agrasen College and Maharaja Surajmal Institute of technology are considered
as best colleges of this university <a href= "college.html">about
colleges</a></font></b><br>
</body>
</html>
OUTPUT
<HTML>
<HEAD>
<TITLE>university </TITLE></HEAD>
<BODY>
<h1>delhi university </h1>
<hr><br><b><font color="black" face="arial" size="5">Indraprastha

University has 15 schools and 2 centers. These are the faculties of the
university. All are present at either main campus (Dwarka) or Kashmere Gate
campus; they are among the pioneer institutions of the university. Curriculum
for these schools and centers is usually different from other affiliated
institutions. The university has its campus in Dwarka being recently shifted from
Kashmere Gate. It is a new campus and spread over an area of 60 acres where a
still considerable portion is under construction. On Dwarka campus, the
university is running 10 schools and imparting professional education to more
than 3000 graduate and post-graduate students.<a href=”college.html>college
information</a></font></b><br>
</body>
</html>
OUTPUT
Ques.8 Explain form and write HTML tag code to design.
Ans.8
You can create a form using HTML code. A form is just like any other form that
collects data from the user or client depending on your need. The information
asked by the form can be name, email address, credit card, etc. You may ask a
person to place an order or you can gather his statistics or register the person to
your web forum or subscribe him to your weekly newsletter using a form. A form
in HTML is an area that can contain form elements or form fields. The form
elements or the fields are the ones that allow the user to enter information like
text fields, textarea fields, drop-down menus, radio buttons, checkboxes,etc.
The basic construction of a HTML form is this:
<form>- Begin a form
<input>- Ask for information in one of several different ways.

<input>- There can be as many input areas as you wish
</form>- End a form
 INPUT TAG
The input tag is the most common tag used inside form tag. The
attributes that are generally used inside <input> tag are:
#Name: Assigns a name to the given field so that you may reference it
later.
#Size: Sets the horizontal width of the field. The unit of measurement is
in blank spaces.
#Maxlength: Dictates the maximum number of characters that can be
entered.
#Type: Determines what kind of input field it will be. If the type is “text”,
it forms a text box. If the type is “radio”, a radio button is drawn. If the
type is “checkbox”, a checkbox becomes part of the form. As the value in
the type attribute changes, a different field is formed in the form and the
attributes accompanying type gets changed.
 DROP DOWN BOX

Drop down menus are created with the <select> and <option> tags.
<Select> is the list itself and each <option> is an available choice for the
user. Both tags have an opening and a closing tag.
 HIGHLIGHTED SELECTION LIST

There can be a form that shows a selection list that has highlighted
options. This form will post what the user highlights. Basically, it is
another way to get the input from the user. The selected option tells the
browser which choice to select by default.
 TEXT AREAS
Text areas are text fields that can span several lines. Text areas serve as
an input field for viewers to place their comments. Forums generally use
text areas to post what they type. Unlike most other form fields, text
areas are not-defined with an <input> tag.
CODING
<HTML>
<HEAD>
<TITLE>Registration</TITLE></HEAD>
<BODY BGCOLOR="yellow">
<h1>Sign up Form</h1><hr size=5>
Hi there!
We'll get you set up on Gmail! In three easy steps! Just answer a few simple
questions, select an ID and password, and you'll be all set.
<form>
First Name:
<input type="Text"name="First Name"><br>
Last Name:
<input type="Text"name="Last Name"><br>
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>
<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>
Yahoo! ID and Email:
<input type="memo"size="25"maxlength="25"@yahoo.com><br>
Password:
Re-Type Your Password:
Alternate Email:
Security Question:
<select name=" Security Question">
<option>-select one-</option>
<option>What is your pet's name?</option>
<option>What is your favourite dish?</option>
<option>Where did you meet your spouse?</option>
<option>Who is your favourite actor/actress?</option>
<option>What was the name of your first school?</option>
<option>Who was your childhood hero?</option>
<option>Do you pray?</option>
</select><br>
Your Answer:
Do you agree?:
I have read and agree to the Terms of Service.
<input type="checkbox"><br>
<FONT SIZE="5"COLOR="BLUE"><I>WRITE ABOUT YOUR

SELF</I></FONT><BR>
<textarea cols="40" rows="5" name="myname">
Now we are inside the area - which is nice.

</textarea>
<CENTER>
<INPUT TYPE = "button" VALUE="Submit">
<INPUT TYPE = "reset" VALUE="Clear form">
</CENTER></FORM>
</BODY>
</HTML>
OUTPUT
Ques.9 Write HTML code to design an online Railway Reservation Form.
Ans.9
CODING
<html>
<head>
<title> ONLINE RESERVATION FORM.</title></head>
<body bgcolor="GREY">
<font size=7 font color="BLUE">
<center><b><u><i>
ONLINE RESERVATION FORM
</b></u></i></center></font><br><br>
<table>
<tr>
<td><b><font size=5 font color="RED">DATE</td><td><INPUT TYPE="text"

NAME="dd" value="Date">
<INPUT TYPE="text" NAME="mm" value="Month">
<INPUT TYPE="text" NAME="yy" value="Year">
</td>
</tr>
<tr>
<td><b><font size=5 font color="RED">FROM</td><td><INPUT TYPE="text"

NAME="PO" value="" style="width:200px;"></td></tr>
<tr>
<td><b><font size=5 font color="RED">TO</td><td><INPUT TYPE="text"
NAME="PO" value="" style="width:200px;"></td></tr>
<tr>
<td><b><font size=5 font color="RED">CLASS</td><td>
<select>
<option>Select Class</option>
<option>First Class AC(1A)</option>
<option>First Class (FC)</option>
<option>AC 2-TIER SLEEPER(2A) </option>
<option> AC CHAIR CAR(CC)</option>
<option> SLEEPER CLASS(SL)</option>
</select>
</td></tr>
<tr><td><b><font size=5 font color="RED">TRAIN NAME</td><td><INPUT

TYPE="text" value="" style="width:200px;"></td></tr>
<tr><td><b><font size=5 font color="RED">TRAIN NO.</td><td><INPUT

TYPE="text" value="" style="width:200px;"></td></tr>
</table><br><br>
<b><u>PAYMENT VIA:</b></u>
<input type=radio name="a" value="cash on delivery"> CASH ON DELIVERY
<input type=radio name="b" value="credit card"> CREDIT CARD</form>
<br><br>
<b><u>TICKET TYPE:</b></u>
<input type=radio name="ticket type" value="i-ticket">I-TICKET

<input type=radio name="ticket type" value="e-ticket">E-TICKET
<br>
<br>
<br>
<br>
<center><form>
<input type="button" value="ACCEPT">
<input type="button" value="CANCEL">
</body>
</html>
OUTPUT
Ques.10 Write HTML program to design an online E-commerce company
webpage.
Ans.10
CODING
<html>
<head></head>
<body bgcolor = "008080">
<form>
<center><p><Image src="myntra.jpg" width="450" height="200"></p>

</center>
<h1 align = center> <font face="Bookman Old Style">ONLINE SHOPPING

SITE</font></H1>
<img src= "myntra_app_1.jpg" width="300" height="200" ALIGN = RIGHT

alt="Undertaker"><br>
<font face="Bookman Old Style">FIRST NAME</font>
<input type = "text" value="" size="28" name="1"><br><br>
<font face="Bookman Old Style">LAST NAME</font>
<input type = "text" value="" size="28" name="11"><p>
<font face="Bookman Old Style">ADDRESS</font><br>
<textarea rows = 3 cols = 30 name="ADDRESS"></textarea><br>
<font face="Bookman Old Style">PHONE</font>
<input type = "text" value = "" size="16" name="12">
<font face="Bookman Old Style"> ITEMS
<select>
<option> Choose among the Following...</option>

<option>grocerry</option>
<option>clothes</option>
<option>fotwear</option>
<option>jewellery</option>
</select><br>
Number of items purchased
<select>
<option>00</option>
<option>01</option><option>02</option>
<option>03</option><option>04</option><option>05</option></select><i>
<font size="2">If more than 5 please specify the number here</font></i>
<input type = "text" value = "" size="4" name="13"><br><BR>
PAYMENT VIA<br>
<input type = radio value = "">Draft <br>
<input type = radio value = "">Credit Card </font>
</p>
<font face="Bookman Old Style">PAYMENT DETAILS:</font><br>
<font face="Bookman Old Style">1.Draft is payable under the name of big

bazaar.</font><br>
<font face="Bookman Old Style">2.Credit card details:<br>
Credit card number <input type = "text" value = "" size="20"> </font>
<font face="Bookman Old Style"> of
<input type = "text" value = "" size="20" name="14">Company<BR>
<CENTER>
<input type = "button" value="Submit">
<input type = "Reset" >
</CENTER>
</form></font>
</body>
</html>
OUTPUT
Ques.11 Write HTML program to design any food corner.
Ans.11
CODING
<HTML>
<HEAD>LET'S HOG!
<TITLE>DELHI'S TOP STREET FOOD</TITLE></HEAD>
<IMG SRC="download.png" ALIGN=RIGHT WIDTH=200

HEIGHT=100>&nbsp<IMG SRC="download (1).png" ALIGN=RIGHT WIDTH=200
HEIGHT=100>
<BODY bgcolor="008080">
<H1><U>HELLO FOODIES!!</U></H1><BR>
<center><IMG SRC="images.png" WIDTH=400 HEIGHT=100></center>
<P><H3></H3></P><center><img src="Pavilion1.jpg" WIDTH=300

HEIGHT=100><img src="maxresdefault.jpg" WIDTH=300
HEIGHT=100></center>
<H4>TOP 10 STREET FOOD IN DELHI</H4>
<OL START="1">
<Li>Paranthe waali gali - Chandni Chowk </Li>
<Li>Lala Babu Chaat Bhandar- Chandni Chowk opposite to McDonalds</Li>
<Li>Prince's Paan Corner - Chandni chowk </Li>
<Li>Chole Bathure - Sitaram Diwan Chand , Paharganj</Li>
<Li>Bittoo tikki,Pritampura</Li>
<Li>Billu's hut pasta, NSP</Li>
<Li>Dolma Aunty's Momos, Lajpat Nagar Market</Li>
<Li>Al-Bake Shormas,New Friends Colony Market</Li>

<Li>Roshan KI Kulfi, Karol Bagh</Li>
<Li>Lotan Chole Wala, Chawri Bazaar</Li>
<A HREF=MENU></A>
</BODY>
</HTML>
OUTPUT
Ques 12 Explain CSS with example.
Ans.12
 WHAT ARE STYLE SHEETS?

In the late 90’s, HTML coders noticed that they were retyping the same
old tags again and again on the same page, leading to bigger. You may
have found yourself in the same situation, adding in mountains of <font>
tags, despite wanting them all the same; or using tricks like invisible gifs
for spacing.
 TYPES OF STYLE SHEETS
There are three types of style sheets that are prevalent in computer
world. They are:
 Style sheet (desktop publishing) – a feature of desktop publishing
programs.
 Style sheet (web development) – W3C standards for web page style
sheets such as CSS or XSL.
 Style sheet language – Computer languages that describe the
presentation of structured documents.
From the above three, the second type is used with HTML and forms core
part of the following section;
 CASCADING STYLES SHEETS

Styles sheets or CSS is a way to style HTML. Whereas the HTML is the
content, the style sheet is the presentation of that document.
Cascading style sheets are a new way of formatting your page layout,
text, fonts, images, and almost anything you put on the page. They allow
you to position things on your page down to the exact pixel. Also, if a
style s declared in the head section of a page, a change to the style
changes the style on the entire page.
The same ways as HTML has attributes and value, CSS has properties and
value. The difference lies in the punctuation symbol used between the
above two words. The attributes and the value are separated by an equal
to (=) symbol, the properties and the value by a colon (:).
 BENEFITS OF CSS
Another of CSS’s boons is that you define things once, making it far more
efficient than defining everything in HTML on every page. This means:
o Pages download faster, sometimes as much as 50%
o You have to type less code, and your pages are shorter and neater.
o The look of your site is kept consistent throughout all the pages
that work off the same style sheet.
Well- authored CSS also improves the accessibility of web content, allowing
access through myriad devices (handheld PDA’s for example) and ensuring that
web users with disabilities are still able to receive it. It also eliminates the need
for browser-specific hacks and tags, which means your site has a better chance
of working across all major browsers.
Example for CSS:
<html>
<head>
<style>
h1 {
background-color: #C0C0C0;
p{
background-color: #00FF00;
div {
background-color: #FFFF00;
</style>
</head>
<body>
<h1>CSS background-color example!</h1>
<div>
This is a text inside a div element.
<p>This paragraph has its own background color.</p>
We are still in the div element.
</div>
</body>
</html>
OUTPUT
Ques.13 Write HTML code for a website on any outlet.
Ans.13
CODING FOR 1ST PAGE – HALDIRAM’S
<html>
<head>
<title>HALDIRAM'S</title></head>
<IMG SRC="haldirams-logo-2A7BA0AD2C-seeklogo.com.png" ALIGN=left

WIDTH=200 HEIGHT=100>&nbsp<IMG SRC="ab(129).jpg" ALIGN=RIGHT
WIDTH=300 HEIGHT=200>
<body bgcolor="GREEN"><br><br>
<h1><b><center>HALDIRAM'S</center></b></h1>
<center><a href=outlets.html>Outlets</a>&nbsp&nbsp&nbsp<a
href=products.html>Products</a>&nbsp&nbsp&nbsp<a
href=Offices.html>Offices</a>&nbsp&nbsp&nbsp<a
href=Terms&Conditions.html>Terms&Conditions</a></center>
<h2><b><u>About us </u></b></h2>
<p>Haldiram's Food International Limited today, is recognized as a Star Export

House, by the Directorate General of Foreign Trade, a department working under
the Ministry of Commerce, Government of India.
Haldiram's has its roots established in 1937 in the form of a small retail Sweet &
Namkeen shop in Bikaner, Rajasthan, a small but significant town in the Thar
Desert. Shri Shivkisan Agrawal, the founder of Haldiram's always cherished the
dream of building an empire, manufacture traditional sweets/namkeens, leave a
mark on every occasion and get close to the heart of the common man.
This dream was realized with shifting of its base to Nagpur in 1970. For the first
time people heard of a factory that was operating to manufacture Sweets &
Namkeens. A model plant of its times was set up at:- Haldiram's House; 880,
Small Factory Area, Wardhaman Nagar, Nagpur. In a very shot span 'Haldiram'
developed into a brand and became an inseparable part of every occasion.
This was followed by a chain of retail outlets & showrooms. The product lines
were expanded to match the taste of various segments of the society. Sweets
and namkeens were presented in more durable and commercially viable
packaging. This fetched a overwhelming response and in 1997, Haldiram's
forayed into milk and milk product industry with products such as Khowa, Ghee
& Butter Milk, the manufacture of Extruded foods such as vermicelli and 3-D
Snacks.</p>
<h2><b><u>Products</u></b></h2>
<p>Haldiram's has over 100 products.Its products include frozen foods such as
frozen meals,ice cream and kulfi,sweets,cookies, crackers, sherbet, papad,
savories, chips and other snacks. Haldiram's also produces fruit-flavored
beverages and dairy products.The company also produces ready-to-eat food
since 2010.It provides all type of traditional indian food and sweets. In the
1990s, the production of potato-based foods was enabled by the importation of
machinery from the United States designed for these purposes.
Haldiram's products are marketed at various retail locations such as bakeries

and confectionery stores, among others, and also on various commercial
websites. The pricing of the company's products is typically inexpensive
compared to similar products made by other companies.Prior and up to August
2003 in the United States market, the company's products were limited to
potato chips.The company's products are carried by some Indian supermarkets
in the U.S.In the U.S., Haldiram's products are popular with South Asian
Americans.</p>
</body></html>
OUTPUT FOR 1ST PAGE - HALDIRAMS
CODING FOR 2ND PAGE – HALDIRAM’S (OUTLETS)
<html>
<head>
<IMG SRC="haldirams-outlet-medical-square-nagpur-restaurants-3r8vy5u.jpg"
ALIGN=left WIDTH=200 HEIGHT=100>&nbsp<IMG SRC="download.jpg"
ALIGN=RIGHT WIDTH=300 HEIGHT=200>
<body bgcolor="green"><br><br>
href=Products.html>Products</a>&nbsp&nbsp&nbsp<a
<h2><b><u>OUTLET'S OF HALDIRAM'S</u></b></h2>
<center><IMG SRC="haldiram.jpg" ALIGN=center WIDTH=300
HEIGHT=100>&nbsp<IMG SRC="maxresdefault (1).jpg" ALIGN=center
WIDTH=300 HEIGHT=100></center>
<ol start="1">
<li>SITABULDI - PLANET FOOD
Address : Munje Square, Abhyankar Road, Sitabuldi, Nagpur.
Restaurant Ph.no. : 0712 - 2548852 , 2548806
Sweet Shop Ph.no. : 0712 - 2526465</li><br><br>
<li>AJNI - PLANET FOOD
Address : Near Ajit Bakery, Ajni Square, Nagpur
Restaurant Ph.no. : 0712 - 2251158, 2250554
<li>JASWANT TULI MALL - PLANET FOOD
Address : Jaswant Tuli Mall, Indora Chowk, Jaripatka, Nagpur.
Ph.no. : 0712 - 2630730</li><br><br>
<li>SITABULDI - THAT BAAT
Address : Abhyankar Road, Sitabuldi, Nagpur
Restaurant Ph.no. : 0712 - 2523893, 2540946
<li>SADAR - HOT SPOT
Address : Near Anjuman Complex, Sadar, Nagpur
Restaurant Ph.no. : 0712 - 2557132 , 2554620
Sweet Shop Ph.no. : 0712 - 2523896 , 2557812</li><br><br>
<li>ITWARI - ABHINANDAN
Address: Near City Post Office, Itwari, Nagpur
Restaurant Ph.no. : 0712 - 2779187
</body>
</html>
OUTPUT FOR 2ND PAGE – HALDIRAM’S ( OUTLETS)
CODING FOR 3RD PAGE- HALDIRAM’S (PRODUCTS)
<html>
<head>
<IMG SRC="NAMKEENS1.jpg" ALIGN=left WIDTH=200

HEIGHT=100>&nbsp<IMG SRC="FROZEN-THALI1.jpg" ALIGN=RIGHT
<body bgcolor="GREEN"><br>
<h2><b><u>PRODUCTS OF HALDIRAM'S</u></b></h2>
<IMG SRC="SWEETS1.jpg" ALIGN=left WIDTH=200 HEIGHT=100>&nbsp<IMG

SRC="DRINKS1.jpg" ALIGN=RIGHT WIDTH=300 HEIGHT=200>
<IMG SRC="HULKE_FULKE1.jpg" ALIGN=left WIDTH=200

HEIGHT=100>&nbsp<IMG SRC="FROZEN-CURRIES1.jpg" ALIGN=RIGHT
<IMG SRC="FROZEN-PARATHAS1.jpg" ALIGN=left WIDTH=200

HEIGHT=100>&nbsp<IMG SRC="0000604-haldirams-boondi-200gm.jpg"
<IMG SRC="FROZEN-SNACKS1.jpg" ALIGN=left WIDTH=200

HEIGHT=100>&nbsp<IMG SRC="CANNED_SWEETS1.jpg" ALIGN=RIGHT
<IMG SRC="pro_19274.jpg" ALIGN=left WIDTH=200 HEIGHT=100>&nbsp<IMG

SRC="8904063251053.jpg" ALIGN=RIGHT WIDTH=300 HEIGHT=200>
</body>
</html>
OUTPUT FOR 3RD PAGE- HALDIRAM’S (PRODUCTS)
CODING FOR 4TH PAGE- HALDIRAM’S (OFFICES)
<html>
<head>
<IMG SRC="n6mFtgdn_400x400.jpg" ALIGN=left WIDTH=200

HEIGHT=100>&nbsp<IMG SRC="Haldirams-homestyle-paratha-536x600.jpg"
<body bgcolor="green"><br><br>
<h2><b><u>OFFICE'S OF HALDIRAM'S</u></b></h2>
<ol start="1"><br><br>
<li><b><u>NAGPUR - HEAD OFFICE
Haldiram Foods International Pvt. Ltd.,
'Haldiram House', Plot No. 145/146, Old Pardi Naka,
Bhandara Road, Nagpur - 440 008 (M.S.) INDIA</u></b></li><br><br><br>
<li><b><u>MUMBAI
Shyam Kamal, A204 Agrawal Market, West Wing, Tejpal Road,
Vile Parle (E), Mumbai 400 057</u></b></li><br><br><br>
<li><b><u>BANGALORE
#1213, 100 Ft Road, H.A.L. 2nd Stage, Indira Nagar, Bangalore 560
038</u></b></li><br><br><br>
<li><b><u>CHENNAI
No. ½ Peeran Street, Salligramam, Chennai 600

093</u></b></li><br><br><br>
</body></html>
OUTPUT FOR 4TH PAGE- HALDIRAM’S (OFFICES)
CODING FOR 5TH PAGE- HALDIRAM’S (TERMS&CONDITIONS)
<html>
<head>
<IMG SRC="haldirams-logo-2A7BA0AD2C-seeklogo.com (1).png" ALIGN=left

WIDTH=200 HEIGHT=100>&nbsp<IMG SRC="haldiram-home.png"
<body bgcolor="GREEN"><br><br>
<h2><b><u> TERMS & CONDITIONS OF

HALDIRAM'S</u></b></h2><br><br>
<ol start="1">
<li><b>Services overview:
As part of the registration process on the Site, HALDIRAM FOODS

INTERNATIONAL PVT. LTD may collect the following personally identifiable
information about you: Name including first and last name, alternate email
address, mobile phone number and contact details, Postal code, Demographic
profile (like your age, gender, occupation, education, address etc.) and
information about the pages on the site you visit/access, the links you click on
the site, the number of times you access the page and any such browsing
information.</b></li><br>
<li><b>Eligibility:
Services of the Site would be available to only select geographies in India.

Persons who are "incompetent to contract" within the meaning of the Indian
Contract Act, 1872 including un-discharged insolvents etc. are not eligible to use
the Site. If you are a minor i.e. under the age of 18 years but at least 13 years
of age you may use the Site only under the supervision of a parent or legal
guardian who agrees to be bound by these Terms of Use. If your age is below 18
years your parents or legal guardians can transact on behalf of you if they are
registered users. You are prohibited from purchasing any material which is for
adult consumption and the sale of which to minors is prohibited.</b></li><br>
<li><b>License & Site access:
HALDIRAM FOODS INTERNATIONAL PVT. LTD. grants you a limited sub-license

to access and make personal use of this site and not to download (other than
page caching) or modify it, or any portion of it, except with express written
consent of HALDIRAM FOODS INTERNATIONAL PVT. LTD. This license does not
include any resale or commercial use of this site or its contents; any collection
and use of any product listings, descriptions, or prices; any derivative use of this
site or its contents; any downloading or copying of account information for the
benefit of another merchant; or any use of data mining, robots, or similar data
gathering and extraction tools. This site or any portion of this site may not be
reproduced, duplicated, copied, sold, resold, visited, or otherwise exploited for
any commercial purpose without express written consent of HALDIRAM FOODS
INTERNATIONAL PVT. LTD.</b></li><br>
<li><b>Account & Registration Obligations:
All shoppers have to register and login for placing orders on the Site. You have
to keep your account and registration details current and correct for
communications related to your purchases from the site.</b></li><br>
<li><b>Pricing:
All the products listed on the Site will be sold at MRP unless otherwise specified.
The prices mentioned at the time of ordering be the prices charged on the date
of the delivery. Although prices of most of the products do not fluctuate on a
daily basis but some of the commodities and fresh food prices do change on a
daily basis. In case the prices are higher or lower on the date of delivery
additional charges will be collected or refunded as the case may be at the time
of the delivery of the order.</b></li><br>
</body></html>
OUTPUT FOR 5TH PAGE- HALDIRAM’S (TERMS&CONDITIONS)

HTML Aastha File

Hochgeladen von

Dokumentinformationen

Originaltitel

Copyright

Verfügbare Formate

Dieses Dokument teilen

Dokument teilen oder einbetten

Freigabeoptionen

Stufen Sie dieses Dokument als nützlich ein?

Sind diese Inhalte unangemessen?

Copyright:

Verfügbare Formate

HTML Aastha File

Hochgeladen von

Copyright:

Verfügbare Formate

PRACTICAL FILE

Submitted in partial fulfillment of the requirement for the

GURU GOBIND SINGH INDRAPRASTHA

SUPERVISED BY: - SUBMITTED BY:-

NEW DELHI INSTITUTE OF MANAGEMENT

First I would like to express my deepest sense of gratitude to NEW

I would like to pay my sincere thanks to my computer applications II

My final thanks go out to my parents, family members, teachers and

This is to certify that the practical file titled “COMPUTER APLLICATIONS-

Place: New Delhi Faculty Guide:

2. (a) Explain Container and Empty Tag with an example.

8. Write HTML code to design an online railway

10. Write HTML program to design any food corner.

11. Explain CSS with an example.

12. Write HTML code for a website.

HTML is a markup language that web browsers use to interpret

However, the SGML concept of generalized markup is based on elements (nested

In the simple, general case, the extent of an element is indicated by a pair of

(B) BASIC PROGRAM OF HTML WITH AN OUTPUT

<TITLE> MY HOME PAGE </TITLE>

<H1> WELCOME TO MY HOME PAGE </H1>

Ques.3 Explain font tag with their attributes.

Eg: <font size=+3> this is +3</font> and

<font size=-2> this is -2</font>

 As a 6 digit hexadecimal number

The hexadecimal number should be introduced with a # symbol and, ideally,

<font color="#FF0000"> How </font> <font color="#00FF00"> Are </font>

<font face="comic Sans MS"> This is in Times Typeface</font> and this

<body bgcolor = "yellow">

<h1 font color="white" face ="verdana" size

<h2 font color="blue" face="arial" size="9"><u><b><i>WHAT IS

<b><font color="red" face="AR CENA" size="4">HTML stands for Hypertext

<H4> AN UNORDERED LIST:</H4>

<LI> COFFEE </LI>

<LI> TEA </LI>

<LI> MILK </LI>

HTML code for different types of list:

Syntax: <img src=” Location or the path to the image file”>

1. This tag does not have an end tag.

If it exists in the computer the path will be something like this:

“C:/My documents/My Pictures/Sunset.jpg”

Different types of extensions for image:

1) JPEG (or JPG) - Joint Photographic Experts Group

2) PNG – Portable Network Graphics

3) GIF – Graphics Interchange Format

4) TIF – Tagged Image File

5) PSD – Photoshop Document

6) PDF – Portable Document Format

(a) Row Span

(b) Column Span

Attributes of table tag are:

CODING FOR ROWSPAN

<HEAD>EXAMPLE OF SPANNING ROW

<BODY bgcolor="LIGHT BLUE">

<TABLE BORDER="2", ALIGN="CENTER", WIDTH="80%", bgcolor="AQUA">

<TH ROWSPAN="6">STUDENT NAME<BR>WITH<BR>DATE OF

<HEAD>EXAMPLE OF SPANNING COLUMN

<BODY bgcolor="LIGHT BLUE">

<TABLE BORDER="2", ALIGN="CENTER", CELLPADDING=4, bgcolor="AQUA">

<TR> <TH COLSPAN=2> PRODUCTION </TH> </TR>

<TR> <TD> ABC </TD> <TD> 1493 </TD> </TR>

<TR> <TD> DEF </TD> <TD> 3829 </TD> </TR>

<TR> <TD> GHI </TD> <TD> 0283 </TD> </TR>