CHAPTER 5: HTML-DHTML AND CSS

CHAPTER 6: CYBER ETHICS

Lab Exercises ( Projects )

CHAPTER 9: CREATING WEBPAGES: HTML

ny
pa
om
C
&
nd
ha
C
S.
 CHAPTER 5: HTML-DHTML AND CSS
Exercises
OBJECTIVE TYPE QUESTIONS
A. MULTIPLE CHOICE QUESTIONS (MCQs)
1. is a style sheet language used for describing the look and
formatting of a document written in a markup language.
a) HTML
b) Java Script
c) CSS
d) DHTML
Ans: c) CSS
2. DHTML is a combination of and .
a) DOM and Static HTML
b) HTML and JavaScript
c) XML and HTML
d) None of the above
Ans: b) HTML and JavaScript
3. Which type of pages gets created from DHTML?
a) Static
b) Dynamic
c) Hyper
d) Global
Ans: b) Dynamic
4. Which of the following HTML Video format is not supported in IE?
a) WebM
b) MP4
c) Ogg
d) All of the above
Ans: c) Ogg
5. Which Boolean attribute specifies that the video will be loaded and repeats the media
(audio/video) file from the beginning when it reaches to end?
a) Autoplay
b) Autobuffer
c) Controls
d) Loop
Ans: d) Loop
6. Which property in CSS wraps block of text and other inline elements around an image?
a) Float
b) Wrap
c) Clear
d) Align
Ans: a) Float
7. Which property in CSS can declare font-weight, font-face & font-size by using only one CSS
property?
a) All Font
b) Font All
c) All
d) Font
Ans: d) Font
8. The external style sheet is linked into the head section of an HTML file using by which tag?
a) <Font>
b) <Title>
c) <Style>
d) <A>
Ans: c) <Style
9. Which css property you will use if you want to add some free space between a border and its

ny
content?
a) Padding

pa
b) Spacing
c) Margin
d) Border
om
Ans: a) Padding
10. Which of the following defines a measurement in points?
a) in
C

b) em
c) pt
&

d) pc
Ans: c) pt
nd

B. Fill in the blanks

ha

1. Font‐family style differentiates between Serif, Sans Serif and Monospace font faces.

2. Full form of CSS is Cascading Style Sheet.

C

3. The property Font-Family is used to apply a prioritized list of fonts in a webpage.

4. To set the size of a font, Font-Size property is used.
S.

5. DHTML use combination of technologies such as HTML, CSS and Java Script to create interactive
webpages.
6. Cascading Style Sheets (CSS) is a simple style sheet language used to define the look of a
document written in a markup language.
7. CSS is very limited in Browser compatibility as it can display content differently in different
browser.
8. There are three ways to apply CSS to an HTML document. They are Inline, Internal and External
Styles.
9. The outline properties are not supported by IE6 and Netscape 7.
10. The shorthand property for fonts is Font.
 THEORETICAL QUESTIONS
A. SHORT ANSWER TYPE QUESTIONS
1. Write the property for the following:
Ans:
a) To add a red‐dotted border around an image: Border-Style.
b) That describes how bold or “heavy” a font should be presented: Font-Weight.
c) To repeat the image both horizontally and vertically to cover the entire screen: Background
Repeat.
d) Defines the background color of browser window: Background-Color.
e) Property that creates a small‐caps effect: Font-Variant.

ny
2. List the advantages of using CSS.
Ans:
• CSS file saves lots of time and work.

pa
• CSS files are easier to maintain as it controls presentation of many documents from one
single style sheet.
om
• Separate file for style (CSS) and structure (HTML) that makes modification easier as it also
helps to reduce file sizes which helps in faster downloading.
3. List the limitations of CSS.
C

Ans: CSS limitations are:

• CSS has very limited range in browser compatibility as it can display content differently in
&

different browsers.
• CSS files has no built‐in security as it is an open text based system, any person having
nd

read/write access to a website can make changes to the CSS file.

4. Differentiate between
ha

a) Font-Weight and Font-Style Properties

b) Embedded Style and External Style
c) Outline Property and Border Property
C

d) Static and Dynamic Websites

e) Font Family and Generic Family
Ans:
S.

a) Font-Weight and Font-Style Properties Font‐

Weight: Used to make the text bold, normal face.Font‐
Style: Makes the text italic, oblique or normal.
b) Embedded Style and External Style
Embedded style: It is also known as internal style that includes the CSS codes within the HTML
document using the HTML tag <style> in head section.
External style: An external style sheet is a text file with the extension. css.
c) Outline Property and Border Property
Outline property draws a line around elements, outside the border to attract the attention.
It is similar to border except that:
• Outline does not take up any space.
 • It always goes same on all the sides; it cannot specify different values.
• It is not a part of the box model.
• An outline may be non‐rectangular.
d) Static and Dynamic Websites
Static websites: These are with fixed content. It allows the viewer to view the same content each
time they visit the website.
Dynamic websites: These are interactive as the content of a webpage can be changed as per the
viewer’s action.

e) Font Family and Generic Family

Font Family Generic Family
The specific name of a font family. The specific name of groups of family‐names
with uniformed appearances.

ny
Font family includes Arial, Times New Roman, Generic family includes five basic types:
Helvetica or Verdana. Cursive, Fantasy, Serif, Sans‐Serif and
Monospace.

pa
Mostly font family names are in the Mostly generic fonts are mentioned at the
beginning of the list. end of list.
om
5. DHTML is a combination of which technologies? Name them.
C

Ans: HTML and JavaScript.

6. What is the extension of a CSS file?

&

Ans: css
nd

7. What does CSS selector mean?

Ans: CSS selector is a string (equivalent of HTML elements) or name of element to which, set of CSS
rules applies to.
ha

8. What are the two parts of ‘ruleset’?

C

Ans: Ruleset has two parts:

• Selector, e.g., H1 and
• declaration {text‐indent: 11 pt}
S.

9. List the various fonts attributes.

Ans: Various fonts attribute are Font‐Family, Font‐Style, Font‐Size, Font‐Weight and Font‐Variant.

10. How can you add more than one declaration in CSS?
Ans: It can be achieved by using a semicolon.

B. LONG ANSWER TYPE QUESTIONS

1. What do you mean by CSS?
Ans: CSS is a design language used for describing a consistent layout of a webpage. CSS stands for
Cascading Style Sheet, it is part of DHTML (Dynamic Hyper Text Markup Language). CSS describes all
style rule in a stylesheet and that stylesheet document is saved with an extension of .css., which is
linked or imported in an HTML file.

2. What is embedded style?

Ans: Internal (Embedded Style): Internal CSS is defined within the <head> section of an HTML page
under a <style> tag. This internal CSS is defined for complete webpage. Specified formatting styles
will be applied to the body section of that HTML page. Internal CSS used to specify a unique style to
one single page of an HTML document.
Example
<html>
<head>
<style>
body {
background‐color: yellow.

ny
}
h1 {
color: blue

pa
}
p{
color: pink.
om
margin‐left: 50 px.
}
</style>
C

</head>
<body>
&

<h1>This is a heading</h1>
<p>This is a paragraph. </p>
</body>
nd

</html>
ha

3. Explain various font-family property.

Ans:
• Font‐Family: Used to change the font name(s).
C

• Font‐Style: Used to display text normally, oblique or italic.

• Font‐Size: Used to specify font size (xx‐small, x‐small, small, medium, large, x‐large, xx‐
S.

large).
• Font‐Weight: Used to specify how bold or “heavy” a font should be presented (bold, bolder,
lighter).
• Font‐Variant: Used to specify font as normal (Font Variant in normal) or in small‐caps (Font
Variant in small caps).

4. What are the components of a CSS Style?

Ans: A style rule is made of three parts:
Selector − A selector is an HTML tag at which a style will be applied. This could be any tag like <h1>
or <table>, etc. There are several different types of selectors in CSS.
• CSS Element Selector
 • CSS Id Selector
• CSS Class Selector
• CSS Universal Selector
• CSS Group Selector
Property − A property is a type of attribute of HTML tag. Put simply, all the HTML attributes are
converted into CSS properties. They could be color, border, etc.
Value − Values are assigned to properties. For example, color property can have value either red or
#F1F1F1, etc.
5. What is the purpose of em measurement unit?
Ans: em – ‘em’ is a relative measurement for the height. Because an em unit is equivalent to the size
of a given font, if you assign a font to 12 pt., each "em" unit would be 12 pt.; thus, 2 em would be 24
pt. Example,

ny
H1 {letter‐spacing: 9 em;}

pa
6. What is the CSS box model and what are its elements?
Ans: The “CSS box model” is a set of rules that defines the layout and design of every element (tag)
on a webpage. In Box model, every element in a page is considered as a rectangular box, they can be
om
categorized into two:
• Block‐level elements (such as <h1>, <p>, <form>)
• Inline elements (such as <B>, <a>, <img>)
C

The elements are:

• Content – This is the middle part having text, image or media content.
&

• Padding – The free space area created between the content and the border.
• Border – The free space area between the box’s padding and margin.
nd

• Margin – The margin CSS property specifies space around the HTML elements. It is
transparent.
ha
C

APPLICATION BASED QUESTIONS

1. Create an external style sheet ‘‘a1.css’’ with the following specifications:
S.

<BODY>: Font is Courier, Text is in green color

<H1>: Right aligned
<P>: Text is italicized, Font-weight should be bold
Also, write the code of HTML file where this file should be linked.
Ans:
Filename: a1.css
Body
{Font‐family: Courier.
Color: green.
}
h1
{
Text‐align: right.
}
P
{
Font‐style: Italic.
Font‐weight: Bold.
}
Filename: My.html
<html>
<head>
<title>This is Home Page.</title>
<link rel=” stylesheet” type=”text/css” href=”a1.css”/>
</head>

ny
</html>

2. Consider the following CSS code:

pa
P {font-family: arial, comic sans-serif, “Times New Roman”;}
Explain font-family.
Ans: Font‐family prioritize the font to be used in h1 tag. First it will look for arial tag, if it is not
om
available then the text in h1 will be displayed in comic sans‐serif and if comic‐sans serif font is also
not available then it will display the text in h1 in Times new roman font.
C

3. Write Code to
a) Make all paragraph elements to be displayed in 'BLUE' color?
&

Ans: p {color: blue;}

b) To change the foreground color of text to #0000FF in all <H2> tags.
nd

Ans: H2{color: #0000FF;}

c) Display the content of a table in centre.
Ans: TD {Text‐align center;}
ha

d) To set a text font as normal, bold, 30 pt., Arial.

Ans: <p style=”font‐weight: bold; font‐size: 30 pt.; font‐family: Arial;>
C
S.
 CHAPTER 6: CYBER ETHICS
Exercises
OBJECTIVE TYPE QUESTIONS
A. MULTIPLE CHOICE QUESTIONS (MCQs)
1. The copyright symbol is:
a) ©
b) %
c) #
d)
Ans: a) ©
2. Stealing ideas or creations of others is:

ny
a) Piracy
b) Ethics

pa
c) Plagiarism
d) All of the above
Ans: c) Plagiarism
om
3. Full form of SSL is
a) Simple Socket Layer
b) Secure Socket Layer
C

c) Server Socket Layer

d) Server Socket Lamp
&

Ans: b) Secure Socket Layer

4. It allows website to store information about a user on the user’s computer while the user is
nd

browsing the website:

a) Spam
b) Shareware
ha

c) Freeware
d) Cookies
C

Ans: d) Cookies
5. Program where source code is openly available to use, modification and redistribution without
S.

any restrictions is:

a) Commercial software
b) Public domain software
c) OSS
d) IP
Ans: c) OSS

B. FILL IN THE BLANKS

1. Online ethics are called cyber ethics.
2. Copyright laws protect the creations of writers and artists.
3. Privacy is the protection of personal information given on internet.
4. Intellectual Property is a collection of expressions, literary and artistic work.
5. Trademark is a sign that helps to identify and distinguish the goods of one producer or
enterprise from those of its other competitors.

THEORETICAL QUESTIONS
A. SHORT ANSWER QUESTIONS
1. Write three points in for each of the following categories.
Ans:

Ethical Safety Security Precaution

Cyber ethics is to act and Save from internet threats. Keep your applications and

ny
behave well on the net. Think website updated.
before you speak on net.

pa
No plagiarism. Save digital property. Use copyright, patent,
trademarks, trade secret,
om
various licenses to protect
from data theft/plagiarism.
Verify the e-mail ID, IP
C

address, shipping address

using any online software.
&

Ethics of privacy E-commerce fraud. Check Secure Socket Layer

(SSL) certificates.
nd

2. Write a short note on digital divide.

ha

Ans: Digital divide restrains the freedom of access to information. Digital divide refers to gaps or
the difference between groups in their ability to access ICT (Information and Communication
Technology). The digital divide can be based on various factors, i.e., financial, gender-based,
C

location (urban and rural), literacy, etc. Digital divide is not healthy for any society. Digital divide
limits the ICT use within the community which leads to unemployment, slows down development
S.

of the country, raise socio-economic issues, etc. Each nation should avoid digital divide. To bridge
the digital divide, following measures can be taken:
a) ICT tools should be promoted.
b) Cooperation between governments, private sectors and non-governmental organizations
needs to be encouraged.
c) Education should be provided to all.
d) Revise government policies and support to get maximum benefits of ICT.
3. What are intellectual property rights?
Ans: Intellectual property (IP) is a collection of expressions, literary and artistic works. This tangible
property can be promoted and protected through IPR (Intellectual Property Rights). Intellectual
property rights can help you to stop people from stealing or copying your original work in the form
of inventions, designs, product or company names, songs, books, etc.

4. Write the full form of the following:

a. FLOSS b. ICT c. FOI d. GUI e. OSI
Ans:
a) FLOSS: Free and Open-Source Software
b) ICT: Information and Communications Technology
c) FOI: Freedom of Information
d) GUI: Graphical User Interface
e) OSI: Open-Source Initiative

ny
5. Define the following terms:
a) Plagiarism b) Patent c) Digital property rights

pa
Ans:
a) Plagiarism: It is copying of another person's ideas and other works while pretending that
om
they are one's own.
b) Patent: This is an intellectual property right for a fixed time-period, which gives an inventor
the exclusive right to exclude others from making, using or selling his/her invention.
C

c) Digital property rights: It refers to rights that grant access and control of digital assets or
information such as blogs, website images, video, eBooks or presentations created using
&

digital devices and are valuable to a company.

6. What is the difference between Shareware and Freeware software?

nd

Ans:

Freeware software Shareware software

ha

Freeware refers to software that anyone can Shareware gives users a chance to try the
download from the Internet and use for free. software before buying it.
C

Freeware is not copyrighted, and the software Shareware is copyrighted software, initially
S.

is freely available for use (without any license given away on a free basis and a license fee is
fee). Freeware allows redistribution of software payable only after the trial period (such as 30
copies but does not allow to modify the source days trial) or the user have to uninstall it. In
code. Microsoft Internet Explorer (Browser), shareware, software is shared on an honorary
Adobe Reader, Skype are examples of basis for some time. Source code and its
Freeware. modification are not allowed in shareware
rights. Antivirus software and Netflix Trial
Versions are examples of Shareware.
7. What do you mean by e-commerce fraud?
Ans: E-commerce fraud is any type of fraud that occurs on an e-commerce platform. Using a stolen
or fake credit card, using a false identity and affiliate fraud advertising are all forms of e-commerce
fraud.
8. Write two examples for each proprietary software and OSS.
Ans: Proprietary software: Microsoft Office, Adobe Photoshop
OSS: Linux, GIMP, Inkscape
9. Mention the purpose of cookies on internet.
Ans: Cookies allow websites to store information about a user on the user’s computer while the
user is browsing the website.
10. Differentiate between HTTP and HTTPS.
Ans: In HTTPS, ‘S’ signifies security. Hyper Text Transfer Protocol (HTTP) is to provide security for

ny
transmitting data, whereas the website uses Hyper Text Transfer Protocol Secure (HTTPS) to
encrypt the message so that no one in between can read them.

pa
B. LONG ANSWER QUESTIONS
1. What is e-commerce? Mention the advantages and disadvantages of e-commerce.
om
Ans: Electronic commerce is also known as e-commerce. E-commerce is buying and selling of goods
or services using the internet. Mobile devices have increased e-commerce customers. Mobile
applications such as Amazon, eBay, Paytm, Trivago, Uber, Walmart allow users to do smart
C

shopping, book cabs or hotels, do online business, transfer money quickly across the globe, etc.
&

Advantages of e-commerce
• Offers flexibility to the customers: Consumers can avail products round the clock, according
to their comfort, time and location. It saves a lot of time for customers.
nd

• Transit of the purchased goods can easily be tracked (as to when they would reach the
destination). Consumers can register their feedback, rating or complaints directly on the
ha

mobile application or the website. Positive recommendations on the website help increase
sales.
• No geographical limitations: E-commerce provides global access to both the buyer and the
C

supplier. Consumer can order products from anywhere in the world and similarly suppliers
can promote their products worldwide.
S.

• Economy and e-commerce grow simultaneously through online marketing. Customers can
compare various products and services on the net and get them at affordable prices.
• Environment friendly: Transactions done via e-commerce save paper too.
Disadvantages of e-commerce
• Lack of personal touch: To feel the product before buying is difficult online and should buy
simply by looking at the images. Sometimes a customer also needs personal assistance while
choosing the products which is not possible online.
• Data security could be an issue while buying online. Personal data of customers could be
stolen due to negligence in cyber security.
2. What are the advantages and disadvantages of using e-commerce?
Ans:
Advantages of using e-commerce
a) Consumers can avail products round the clock.
b) It saves a lot of time for customers.
c) Transit of the purchased goods can easily be tracked (as to when they would reach the
destination).
d) Consumers can register their feedback, rating or complaints directly on the mobile
application or the website. Positive recommendations on the website help increase sales.
e) No geographical limitations: E-commerce provides global access to both the buyer and the
supplier. Consumer can order products from anywhere in the world and similarly suppliers
can promote their products worldwide.
f) Economy and e-commerce grow simultaneously through online marketing. Customers can

ny
compare various products and services on the net and get them at affordable prices.
g) Environment friendly: Transactions done via e-commerce save paper too.

pa
Disadvantages of using e-commerce
a) Lack of personal touch. To feel the product before buying is difficult online and should buy
om
simply by looking at the images. Sometimes a customer also needs personal assistance while
choosing the products which is not possible online.
b) Data security could be an issue while buying online. Personal data of customers could be
C

stolen due to negligence in cyber security.

3. Name the different kinds of software licensing available.
&

Ans: Types of software licenses are listed below:

• Commercial software: Commercial software is the proprietary software that must be paid for.
nd

Commercial software has limits on its use, modification and on its redistribution. Those
individuals or organizations that hold a license of that software can only copy, distribute and sell.
ha

Microsoft products and Adobe Photoshop are examples of commercial software.

• Public domain software: Public domain software comes with no copyright concerns. Public
domain software can be used without any restriction. They do not require any license to
C

download, copy to redistribute. SQLite and I2P are examples of public domain software.
• Shareware: Copyrighted software, initially given away on a free basis and a license fee is payable
S.

only after the trial period (such as 30 days trial) or the user have to uninstall it. In shareware,
software is shared on an honorary basis for some time. Source code and its modification are not
allowed in shareware rights. Antivirus software and Netflix Trial Versions are examples of
Shareware.
• Freeware: Not copyrighted and the software is freely available for use (without any license fee).
Freeware allows redistribution of software copies but does not allow to modify the source code.
Microsoft Internet Explorer (browser), Adobe Reader, Skype are examples of Freeware.
4. How can you protect your intellectual property?
Ans: You can protect your intellectual property through the following rights:
Copyrights: It a legal right to protect and reward literary, dramatic, musical and artistic works that
safeguard creators, producers of films and sound recordings from being stolen by others. No one can
use (copy, display, sell, modify or redistribute) without taking permission from the creators or
authors. Copyright law protection exists automatically when you create an original and unique work.
Copyright symbol is ©. The term of copyright depends on the category of the work protected, and
generally it is of 60 years from the date of creation.

Patent: It is a grant awarded by the respective governments for innovators to prevent their invention
from being used, sold or imported by others. The patent owner can decide how the invention can be
utilized by others. The product or process which needs to be patented should be useful, novel, fall
under the category of the invention in an industry. Plant varieties and original design or patterns (in

ny
jewellery or furniture) can also be patented. The term of every patent is for a limited period of time,
generally 20 years from the filing. In India, to get your inventions patented, you can log on to

pa
www.ipindia.nic.in and fill the e-filling patent form.

Trademarks: It is a sign that helps to identify and distinguish the goods of one producer or enterprise
om
from those of its other competitors. It protects your sign/name from being used by others. A
trademark can be a single word, symbol, 3D signs and numerals or combinations of these. Trademarks
help in marketing as well as creating a favourable image of a product in the consumer’s mind. The
C

term of a trademark is initially registered for 10 years (in India) from the filing of an application and
later it can be renewed.
&

Trade Secret: A trade secret consists of any confidential business method, formula or any information
which provides an enterprise some advantage (economical) over its competitors. India has no specific
nd

trade secret law.

ha

5. What are the advantages of using open-source software?

Ans: The advantages of using open-source software are:
i. It is affordable owing to its lower cost, free to use, distribute and modify. It typically does
C

not require a license fee.

ii. The software must be available and accessible for anyone to use. Anyone can adapt and
S.

modify OSS according to their business need.

iii. These are better in terms of reliability and quality. OSS are continually developed in real
time by many software engineers.
6. What is netiquette and why it is important?
Ans: Netiquette is a combination of the words, internet or network and etiquette. Netiquette is a
cyber-ethic guideline put forth for proper online communication. Online communication such as e-
mails, chats, instant messaging, video calls, forums, blogs and other social networking sites, if not
clear, can be misunderstood or misinterpreted by anyone. Using the set of netiquette rules,
communication becomes clearer especially in professional dealings. Cyber ethics help to build a
positive online relationship and reputation. Following netiquette rules also help to interact easily
and share information safely online.

7. What is privacy?
Ans: Privacy is a fundamental human right that underpins freedom of association, thought and
expression, as well as freedom from discrimination. A privacy policy on an e-commerce site also
makes customers aware of its terms and conditions about the kind of sharing of PI with associating
companies. A privacy policy should mention the details such as:
• Why and what kind of data is needed and how it will be used or shared.
• Clear ownership (individual/team/company) of the privacy policy.
• The policy’s effective date.
• Proper website link where users can review the description, or the changes made.
• Guidelines to register complaints about the product or services.

ny
• Safety measures taken by the seller. The seller should use various safety measures to
safeguard personal information of customers against loss, theft and unauthorized access,

pa
use and modification.
8. Why Freedom of Information is required?
om
Ans: Freedom of Information (FOI) describes the right to receive information and ideas held by the
public authorities. It is a right of the general public to avail information from the government as
well as other public sectors. Freedom of Information Act (FOIA) has been made to ensure that
C

individuals can access records. FOI plays a vital role in a democratic society and increases the
transparency of government sectors.
&

APPLICATION BASED QUESTIONS

nd

1. Create a poster showing the top five netiquette tips.

Ans: Suggestion for students:
ha
C
S.
2. Downloading free songs and free movies are ethical or unethical behaviour? Why?
Ans: Downloading any kind of copyrighted material without permission is an unethical behaviour as
according to law it is illegal.

ny
pa
om
C
&
nd
ha
C
S.
 Lab Exercises
CHAPTER 9: CREATING WEBPAGES: HTML
Pages 215-216
Do It Yourself
Project 1: Write the HTML code to generate a webpage in the format given below:

ny
pa
om
Consider the following while writing the HTML code:
C

(i) Title of the page should be “Flower – Sometimes known as a Bloom or Blossom”
(ii) Background of page is “pink”, Link color should be “blue”
&

(iii) Heading of page is “maroon”

(iv) Picture used in the page is the file “flower.jpeg”
d

(v) Text in paragraph is red

(vi) Table should have a border of width 1, border of table should be “green”
n

(vii)Pages linked to:

ha

• Morphology as “morph.html”
• Development as “dev.html”
(viii) Bottom message is of size 2 and is mail link to [email protected]
C

Ans:
S.

<head>
<title>Flower – Sometimes known as a Bloom or Blossom</title>
</head>
<body bgcolor = "pink" link = "#2B20B9” vlink ="BLUE">
<h1 align = "center"><font color="MAROON">Flower -Sometimes known as a Bloom or
Blossom </font>
</font><br>
<p>
<hr color="cyan" size=1>
<img src="flower.jpg" width="20%" height-"20%">
<font color="red" size="2">
A flower is a part of a plant. Flowers are also called bloom or blossom of a plant.
The flower grows on a stalk - thin node - which supports it. Flower has petals. Inside the part
of the flower that has petals are the part which produce pollen and seeds. In addition to
facilitating the reproduction of flowering plants, flower have long been admired by humans
to beautify their environment and also as objects of romance, ritual, medicine and as a
source of food.
</font>
<Table border=1 bordercolor="green" align="center">
<caption>Pollination</caption>
<tr>
<td>1</td>
<td>Pollen</td>

ny
</tr>
<tr>

pa
<td>2</td>
<td>Attraction Method</td>
om
</tr>
<tr>
<td>3</td>
C

<td>Pollination Mechanism</td>
</tr>
&

</table>
</center>
d

<p align="left">
n

<font color="black" size="1" align="left"><br>

Contents:
ha

<ol>
<li><a href="morph.html">Morphology</a></li>
C

<ul type="circle">
<li>Floral Parts</li>
S.

<ul type="square">
<li>Vegetative</li>
<li>Reproductive</li>
</ul> </ul>
<li> <a href="dev.html">Development</a></li>
<ul type="circle">
<li>Flowering Transition</li>
<li>Organ Development</li>
</ul>
</ol>
<hr color="cyan" size=1>
For more details to <A href = "mailto: [email protected]">Mail to us</A>
</Body>
</HTML>

Page 216
Project 2: Write the HTML code to generate a webpage in the format given below:

ny
pa
om
C

Consider the following while writing the HTML code:

&

(i) Title of the page should be “Media (communication)”.

(ii) Background of the page is “pink”, Link color should be “blue”.
d

(iii) Heading of the page is “maroon”.

(iv) Picture used in the page is the file “images.jpeg”.
n

(v) Text in paragraph is “red”.

ha

(vi) Table should have a border of width 1, border of the table should be “green”.
(vii)Pages linked to:
• Evolution as “evol.html”
C

• References as “ref.html”
(viii) Bottom message is of size 2 and mail is linked to [email protected]
S.

Ans:
<head>
<title>Media in life</title>
</head>
<body bgcolor = "pink" link = "#2B20B9" vlink ="BLUE">
<h1 align = "center"><font color="MAROON">Media (communication)</FONT>
</font><br>
<p>
<hr color="cyan" size=1>
<img src="media.jpg" width="40%" height-"50%">
<br>
</center>
<font color="red" size="2">
<p align="left">
Media are the collective communication outlets or tools that are used to store and deliver
information or data. It is either associated with communication media, or the specialized
communication business such as: print media and the press, photography, advertising,
cinema, broadcasting (Radio and television) and publicising.
</font>
<Table border=1 bordercolor="green" align="center">
<caption>Media</caption>
<tr>
<td>1</td>
<td>Advertising Media</td>
<td>2</td>
<td>Broadcast Media</td>

ny
</tr>
<tr>

pa
<td>3</td>
<td>Digital Media</td>
<td>4</td>
om
<td>Mass Media</td>
</table>
<p align="left">
C

<font color="black" size="3" align="left"><br>

Contents:
&

<ol>
<li><a href="morph.html"> Evolution </a></li>
<ul type="circle">
d

<li>Electronic Media</li>
n

<li>social media</li>
ha

</ul>
<li> <a href="dev.html">References</a></li>
<ul type="circle">
C

<li>Communication </li>
<li>Media Psychology </li>
</ul>
S.

</ol>
<hr color="cyan" size=1>
<p align="left">
For more details to <A href = "mailto: [email protected]">Mail to us </A>
</Body>
</HTML>
Page 217
Project 3: Write HTML code to create the given table.

Ans:
<html>
<head>
<title>Room Tariff</title>
</head>

ny
<body>
<Table border =1 bordercolor="black" bgcolor="#eeefef" >

pa
<tr>
<td rowspan=2> </td>
<td colspan =2 align="Center"> <b>AVERAGE</td>
om
<td rowspan=2>Red Eyes</td>
</tr>
<tr>
C

<td> <b>height</td>
<td > <b>weight</td>
</tr>
&

<tr>
<td> <b>Males</td>
d

<td>1.9</td>
n

<td>.003</td>
<td>40%</td>
ha

</tr>
<tr>
C

<td> <b>Females</td>
<td>1.2</td>
<td>.002</td>
S.

<td>43% </td>
</tr>
</table>
</head>
</html>
Page 217
Project 4: Write the HTML code to generate a webpage in the format given below:

ny
pa
Note the following points while generating the webpage:
(i) Link color is black, background color is yellow and visited link color is green
om
(ii) Title of the page is “Indian Elephant”
(iii) Heading of the page is maroon
(iv) Image used is “elephant.png”
C

(v) Caption of table is blue

(vi) Table border is blue and of size 2
(vii) The 4 links are one.html, two.html, three.html and four.html
&

(viii) The e-mail id for contact us is [email protected]

Ans:
d

<HTML>
n

<HEAD><TITLE>“Indian Elephant</TITLE></HEAD>
<BODY bgcolor=yellow LINK="black" VLINK="green">
ha

<CENTER><H1> <FONT COLOR="maroon">INDIAN ELEPHANT</FONT>

</H1></CENTER>
C

<IMG SRC="elephant.jpg" ALIGN="right" HEIGHT=225 WIDTH=250>

<p>The Indian elephant (Elephas maximus indicus) is one of three recognised subspecies of
the Asian elephant and native to mainland Asia. Since 1986, Elephas maximus has been
S.

listed as Endangered by IUCN as the population has declined by at least 50% over the last
three generations, estimated to be 60–75 years. Asian elephants are threatened by habitat
loss, degradation, and fragmentation".
<p>See Also:
<UL>
<LI><A HREF="one.html">Sri Lankan Elephant</A>
<LI><A HREF="two.html">sumatran Elephant</A>
<LI><A HREF="three.html">Borneo Elephant</A>
<LI><A HREF="four.html">African elephant</A>
</UL>
<CENTER>
<TABLE BORDER=2 BORDERCOLOR="blue" width=25% height=175>
<font color ="blue"><CAPTION>Threats to Elephants</CAPTION></font>
<TR><TD>1<TD>Illegal Hunting</TR>
<TR><TD>2<TD>Industrialisation</TR>
<TR><TD>3<TD>Habitat Loss</TR>
<TR><TD>4<TD>Fragmentation</TR>
<TR><TD>5<TD>Disease</TR>
</TABLE><BR>For further enquiries and reservations <A
HREF="mailto:[email protected]">Contact Us</A>
</CENTER></BODY></HTML>

Page 218
Project 5: Write HTML code to create the given table.

ny
Ans:

pa
om
<html>
<head>
<title>Room Tariff</title>
C

</head>
<body>
<Table border =1 bordercolor="orange">
&

<tr bgcolor="#FADBD8">
<td colspan =5 align="Center">Room Tariff</td>
d

</tr>
n

<tr align="Center">
<td rowspan=5>Room Type</td>
ha

<td colspan=2>Deluxe</td>
<td colspan=2>Executive</td>
C

</tr>
<tr align="Center">
<td>AC</td>
S.

<td>Non-AC</td>
<td>AC</td>
<td>Non-AC</td>
</tr>
<tr align="Center">
<td>1500</td>
<td>1000</td>
<td>2500</td>
<td>1500</td>
</tr>
</Table>
Page 218
Project 6: Write the HTML code to generate a webpage in the format given below:

Consider the following while writing the HTML code

(i) Title of the page should be “Dances in India”.
(ii) Background color of the page should be “Silver”, Link color should be “Blue”, visited
link color should be “Green”.
(iii) Font face of text in the page should be “Helvetica”.
(iv) The heading is in Curlz MT Font and red in color.
(v) The line is Green in color and its width covers 75% of the webpage.
(vi) The font used for rest of the page is “Lucida Bright” in “blue” color.
(vii)Insert picture on right hand side of the webpage.
(viii) The bulleted list items Classical Dance, Folk Dance and Popular Dance are
hyperlinked to the pages Classical.html, folk.html and popular.html respectively. The
table should have a heading “Important Dance Festivals”, width 2 and border color red.
(ix) Bottom message should be an e-mail link to the e-mail id “[email protected]”.

Ans:
<html>
<head>
<title></title>
</head>
<body bgcolor = "#EEF2F0" link = "#2B20B9" vlink ="GREEN">
<h1 align = "center"><font face = "Curlz MT" color = "RED">DANCES IN INDIA</font>
<HR COLOR="GREEN" WIDTH=75%>
<FONT FACE= "Lucida Bright" COLOR="BLUE">
<IMG src = "dance.jpg" height = "100" width ="100" align = "right">
</h1>
<br>There are almost as many well established dance form in India as the number of states.
In fact, some of the states have more than one dance forms that are popular and some
dances span across multiple states and regions. Some of the most popular dances are:
<br>
<br>
<ul>
<li> <A href = "Classical.html">Classical Dance</A></li>
<ol type="A">
<li><A href = "one.html">Bharatnatyam</A></li>
<li><A href = "two.html">Kathak</A></li>
<li><A href = "three.html">Kathakali</A></li>
<li><A href = "four.html">Odissi</A></li>
</ol>
<li><A href = "folk.html">Folk Dance</A></li>
<li><A href = "Popular.html">Popular Dance Forms</A></li>
<ol type="A">

ny
<li><A href = "five.html">Film Dances</A></li>
<li><A href = "six.html">Indo Western Style</A></li>

pa
</ol>
</ul>
<table BORDER=1 color="red">
om
<caption>Important Dance Festivals</caption>
<tr>
<th>Festival Name</th>
C

<th>Venue</th>
<th>Festival Month</th>
&

</tr>
<tr>
<td>Hampi Dance Utsav</td>
d

<td>Karnataka</td>
n

<td>October</td>
ha

</tr>
<tr>
<td>Khajuraho Dance Festival</td>
C

<td>Khajuraho</td>
<td>February</td>
</tr>
S.

<td>Konark Dance Festival</td>

<td>Konark Sun Temple</td>
<td>December</td>
</tr>
</table>
</br>
To register for these music festivals, write to <A href = "mailto:
[email protected]">[email protected]</A>
</font>
</body>
</html>
Page 219
Project 7: Create a webpage discussing plagiarism. List some reported cases of plagiarism
and the consequent punishment meted out. Explain the nature of the punishment in different
countries as per their IP laws.

ny
pa
om
C
&
d

Ans:
n

<html>
<head>
ha

<title>Plagiarism</title>
</head>
C

<body bgcolor="white"><center>
<font color= "GREEN" size=”10” ><br><b>
<H1>Let’s Discuss</h1> <br>
S.

<img src="D:/htmlimg/p.jpg" height=100 width =200>

</center>
<font color= "RED" size=”10”><br><b>
<H2>Plagiarism occurs when a person presents ideas, work, images, sound, words or
expressions of others as its own.</H2>
<h4> <a href="http://www.legalservicesindia.com/article/284/Plagiarism.html">Visit the
website to know more about types of Plagiarism:
http://www.legalservicesindia.com/article/284/Plagiarism.html
</a></h1>
<h1>Cases of Plagiarism<br><br>
<center>
<Table border=2>
<tr>
<td><b>Case</td>
<td><b>Punishment</td>
</tr>
<tr>
<td>Sample Case 2</td>
<td>Legal Action</td>
</tr>
<tr>
<td>Sample Case 1</td>
<td>Legal Action</td>
</tr>
</table>
<font color= "GREEN" size=2><br><b>

ny
Students will research and add the content in table accordingly</font>
</center>

pa
</b>
<h2>Law Related to Plagiarism
<center>
om
<Table border=2>
<tr>
<td><b>Country Name</td>
C

<td><b>Law Related to Plagiarism</td>

</tr>
&

<tr>
<td>India</td>
<td>imprisonment for 6 months to 3 years</td>
d

</tr>
n

</table>
ha

<font color= "GREEN" size=2><br><b>

Students will research and add the content in table accordingly</font>
</center
C

</body>
</head>
S.

Page 219
Project 8: Write a blog using HTML pages discussing viruses, malware, spam and antiviruses.
Ans:
<!DOCTYPE html>
<html>
<head>
<meta name="test" content="width=device-width, initial-scale=1">
<style>
*{
box-sizing: border-box;
}
/* Add a gray background color with some padding */
body {
font-family: Palatino;
padding: 30px;
background: grey;
}

/* Header/Blog Title */
header {
padding: 30px;
font-size: 40px;
text-align: center;
background: orange;
}

c1 {
float: left;
width: 100%;
}

back2 {
background-color: white;
padding: 20px;
margin-top: 20px;
}

/* Clear floats after the columns */

row: after {
content: "“.
display: table;
clear: both;
}
</style>
</head>

<body>
<div class="header">
<h3>VIRUSES, MALWARE, SPAM AND ANTIVIRUSES</h3>
</div>
<div class="row">
<div class="c1">
<div class="back2">
<h2>VIRUSES</h2>
<h5>Definition and Some Common Viruses: </h5>

<p>Add your text here</p>

</div>
<div class="row">
<div class="c1">
<div class="back2">
<h2>SPAM</h2>
<h5>Definition and Ways to protect yourselves from spam

<p>Add your text here</p>

ny
</div>
<div class="row">

pa
<div class="c1">
<div class="back2">
<h2>ANTIVIRUSES</h2>
om
<h5>Need of Antiviruses and Name of Some Popular Antiviruses:</h5>
<p>Add your text here</p>
</div>
C

<div class="back2">
<h3>Blogger Name:</h3>
&

<p>Add your Name here</p>

</div>
</div>
d

</div>
n
ha

</body>
</html>
C

Page 219
Project 9: Write the HTML code to generate a webpage in the format given below:
S.
Ans:
<html>
<head>
<title>Olympics 2016</title>
</head>
<body bgcolor= "white" vlink="brown"><center>
<h1>
<font color= "purple" size=”10”><br><b>
OLYMPIC</center> </font>
<img src="rio2.jpg" align="right"></td>
<img src="rio1.jpg" height=”10%” width =”20%” align="left">
The 2016 Summer Olympics officially the Games of the XXXI Olympiad and commonly
known as Rio 2016, was an international
<a href="https://en.wikipedia.org/wiki/Multi-sport event">multi-sport event</a>
held <a href="https://en.wikipedia.org/wiki/Rio de Janeiro">Rio de Janeiro, Brazil</a>,

ny
in from 5 to 21 August 2016.
<h3> <br>Medal Standings</h3>

pa
United States
<br>Gold-46
<br>Silver-37
om
<br>Bronze-38
<br>Great Britain
<br>Gold-27
C

<br>Silver-23
<br>Bronze-17
&

<center>
<font color= "orange" size=”10”><br><b>
Achievers
d

<Table border=1 bgcolor="grey" align = "center" bordercolor="white">

n

<tr>
ha

<td colspan=3 align = center>Olympic games Rio 2016</td>

</tr>
<tr>
C

<td rowspan=4 width="100"> </td>

<td colspan=3 align = center>India Cell</td>
</tr>
S.

<tr>
<td>P.V. Sindhu</td>
<td>Badminton</td>
</tr>
<tr>
<td>Sakshi Malik</td>
<td>Wrestling</td>
</tr>
<tr>
<td>Dipa Karmakar</td>
<td>Gymnastic</td>
</tr>
</Table>
<br>
<br>
<a href="https://olympics.com/"><t><t>OlympicChannel.com</a>
</BODY>
</HTML>

Page 219
Project 10: Write the HTML code to generate a webpage in the format given below:

ny
pa
om
C
&

Ans:
<html>
d

<head>
<title>SPORTSCRICKET</title>
n

</head>
ha

<body bgcolor= "BLACK" vlink="#1EB1DC"><center>

<h1>
<font color= "white" size=”20”>Sachin Tendulkar</center>
C

<img src="sachin1.jpg" align="left">

<img src="sachin2.jpg" height=”10%” width =”20%” align="right">
S.

<h1>Sachin Tendulkar is a former Indian cricketer and captain, widely regarded to be one of
the greatest cricketers of all time and by many as the greatest batsman of all time.
<br>Born: April 24, 1973 (age 42), Mumbai
<br>Height:1.65 m
<br>Spouse: Anjali Tendulkar (m. 1995)
<br>Children: Sara Tendulkar, Arjun Tendulkar
<br>Parents: Rajni Tendulkar, Ramesh Tendulkar
<br>Book: Playing It My Way
</h1>
<br><br>
<Table border=1 style="inset" bgcolor="white” cellpadding =0 bordercolor="grey">
<tr>
<td><a href="https://en.wikipedia.org/wiki/Virat Kohli">Virat Kohli</a> </td>
<td><a href="https://en.wikipedia.org/wiki/AB De Villiers">AB De Villers</a> </td>
<td><a
href="https://en.wikipedia.org/wiki/Steve_Smith_(cricketer)"https://en.wikipedia.org/wiki/
Main_Page> Steve Smith</a> </td>
<td><a href="https://en.wikipedia.org/wiki/Brendon McCullum">Brendon
McCullum</a></td>
<td><a href="https://en.wikipedia.org/wiki/Umesh Yadav">Umesh Yadav</a></td>
</BODY>
</HTML>

ny
pa
om
C
&
n d
ha
C
S.