Sunteți pe pagina 1din 23

COMPUTER APPLICATIONS LAB FILE (BBA-214)

Submitted in partial fulfilment of requirement of Bachelor of Business


Administration (B.B.A) General

Guru Gobind Singh Indraprastha University

BBA 4th Semester


Batch 2015-2018

Submitted to: Submitted by:


Prof. (Dr.) Seema Agarwal SHUBHAM (04124501715)

JAGANNATH INTERNATIONAL MANAGEMENT SCHOOL


KALKAJI, NEW DELHI

1
TABLE OF CONTENTS

TITLE PAGE NUMBER


Introduction 3-5
Question 1 6
Question 2 7-8
Question 3 8-9
Question 4 9-11
Question 5 11-12
Question 6 12-13
Question 7 13-14
Question 8 14-15
Question 9 15-17
Question 10 17-21
Bibliography 22

2
INTRODUCTION

HTML:

 Hypertext Markup Language (HTML) is the standard markup language for creating web pages and web
applications.
 With Cascading Style Sheets (CSS) and JavaScript it forms a triad of cornerstone technologies for the World
Wide Web.
Web browsers receive HTML documents from a web server or from local storage and render them into
multimedia web pages.
 HTML describes the structure of a web page semantically and originally included cues for the appearance of the
document.
 HTML elements are the building blocks of HTML pages.
With HTML constructs, images and other objects, such as interactive forms, may be embedded into the
rendered page.
 It provides a means to create structured documents by denoting structural semantics for text such as headings,
paragraphs, lists, links, quotes and other items.
HTML elements are delineated by tags, written using angle brackets. Tags such as <img /> and <input />
introduce content into the page directly.
Others such as <p>...</p> surround and provide information about document text and may include other tags as
sub-elements.
 Browsers do not display the HTML tags, but use them to interpret the content of the page.
The most common filename extension for files containing HTML is .html. A common abbreviation of this is .htm,
which originated because some early operating systems and file systems, such as DOS and the limitations
imposed by FAT data structure, limited file extensions to three letters.

Development of HTML:
In 1980, physicist Tim Berners-Lee, a contractor at CERN, proposed and prototyped ENQUIRE, a system for CERN
researchers to use and share documents. In 1989, Berners-Lee wrote a memo proposing an Internet-based
hypertext system.Berners-Lee specified HTML and wrote the browser and server software in late 1990. That year,
Berners-Lee and CERN data systems engineer Robert Cailliau collaborated on a joint request for funding, but the
project was not formally adopted by CERN. In his personal notes from 1990 he listed "some of the many areas in
which hypertext is used" and put an encyclopedia first.
The first publicly available description of HTML was a document called "HTML Tags", first mentioned on the
Internet by Tim Berners-Lee in late 1991. It describes 18 elements comprising the initial, relatively simple design
of HTML. Except for the hyperlink tag, these were strongly influenced by SGMLguid, an in-house Standard
Generalized Markup Language (SGML)-based documentation format at CERN. Eleven of these elements still exist
in HTML 4.

3
Use of 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.
Most graphical email clients allow the use of a subset of HTML (often ill-defined) to provide formatting and
semantic markup not available with plain text. This may include typographic information like coloured headings,
emphasized and quoted text, inline images and diagrams.
Many such clients include both a GUI editor for composing HTML e-mail messages and a rendering engine for
displaying them.
Use of HTML in e-mail is criticized by some because of compatibility issues, because it can help disguise phishing
attacks, because of accessibility issues for blind or visually impaired people, because it can confuse spam filters
and because the message size is larger than plain text.

Data Types:

HTML defines several data types for element content, such as script data and stylesheet data, and a plethora of
types for attribute values, including IDs, names, URIs, numbers, units of length, languages, media descriptors,
colors, character encodings, dates and times, and so on. All of these data types are specializations of character
data.

HTML Elements:

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.

HTML Attributes:
Most of the attributes of an element are name-value pairs, separated by "=" and written within the start tag of
an element after the element's name.

4
The value may be enclosed in single or double quotes, although values consisting of certain characters can be
left unquoted in HTML (but not XHTML).
 Leaving attribute values unquoted is considered unsafe.

HTML Tags:
Tags contain elements which provide instructions for how information will be processed or displayed. There are
both starter tags <TAG> and end tags </TAGS>.

Some HTML Tags are:


<b> Defines bold text
<big> Defines big text
<blockquote> Defines a section that is quoted from another source
<body> Defines the document's body
<br> Defines a single line break
<caption> Defines a table caption or title of the table
<center> Aligns elements in center
<dd> Defines a description/value of a term in a description list
<dt> Defines a term/name in a description list
<font> Used to define the font, color, and size for text
<h1> to <h6> Defines HTML headings
<head> Defines information about the document
<html> Defines the root of an HTML document
<i> Makes the text Italic
<img> Defines an image
<li> Defines a list item
<ol> Defines an ordered list
<p> Defines a paragraph
<small> Defines smaller text
<strike> Defines strikethrough text
<strong> Defines important text
<style> Defines style information for a document
<sub> Defines subscripted text
<sup> Defines superscripted text
<table> Defines a table
<td> Defines a cell in a table
<title> Defines a title for the document
<u> Defines text that should be stylistically different from normal text
<ul> Defines an unordered list

5
Q.1. Make a webpage to show all six headings.

(The html code has to typed in Notepad and saved as Type “All Files” with file name saved as having “.html”
extension in it.)

Html Code:
<html>
<head>
<title>HTML Lab Codes</title>
<body>
<h1><center>This is Heading 1</h1>
<br>
<h2><center>This is Heading 2</h2>
<br>
<h3><center>This is Heading 3</h3>
<br>
<h4><center>This is Heading 4</h4>
<br>
<h5><center>This is Heading 5</h5>
<br>
<h6><center>This is Heading 6</h6>
</body>

</html>

6
Q.2. Create the following web page and use formatting tags.

Answer 2. Html Code:


<html>
<head>
<title>HTML Lab Codes</title>
<body>
<p><center><b>Hello World!!</center></b></p>
<br>
<p><center><i>Hello World!!</center></i></p>
<br>
<p><center><u>Hello World!!</center></u></p>
<br>
<p><center><strike>Too much</center></strike></p>
<br>
<p><center><big>The Big and Long Compony</center></big></p>
<br>
<p><center><small>The Small and Short compony</center></small></p>
<br>
<p><center>H<sub>2</sub>0 E=MC<sup>2</sup></center></p>
<br>

7
<p><center>Eat a Bulky Burger<sup>TM</sup></center></p>
<br>
<p><center><b>Jam strong</center></b></p>
</body>
</html>

Q.3.Create a web page with background as yellow showing the text to be displayed in different colors. Display Six
lines in 6 colors. Use heading tag to display heading in blue color.
Answer 3. Html Code:
<html>
<head>
<title>HTML Lab Codes</title>
<body>
<body bgcolor=yellow>
<style>
h1 {color:blue;}
</style>
<h1><center>Hypertext Markup Language (HTML)</center></h1>
<p><font color=red><center>Hypertext Markup Language (HTML) is the standard markup language for creating
web pages
and web applications.</center></font></p>
<p><font color=green><center>With Cascading Style Sheets (CSS) and JavaScript it forms a triad of cornerstone
technologies for the
World Wide Web.</center></font></p>
<p><font color=grey><center>HTML describes the structure of a web page semantically and originally included

8
cues for the appearance of the document.</center></font></p>
<p><font color=maroon><center>HTML elements are the building blocks of HTML pages.</center></font></p>
<p><font color=purple><center> With HTML constructs, images and other objects, such as interactive forms, may
be
embedded into the rendered page. </center></font></p>
<p><font color=brown><center>HTML documents imply a structure of nested HTML
elements.</center></font></p>
</body>
</html>

Q.4. Create the below table using cellspacing , rowspan and colspan.

Answer 4. Html Code:


<html>

9
<head>
<title>HTML Lab Codes</title>
<body>
<center>
<table>
<table border=10 cellspacing=10 cellpadding=5>
<caption>Questionnaire Results</caption>
<tr>
<td rowspan=2><b><center>Question</td></b></center>
<td colspan=2><center><b>Women</td></center></b>
<td colspan=2><center><b>Men</td></center></b>
</tr>
<tr>
<td><b><center>Yes</td></b></center>
<td><b><center>No</td></b></center>
<td><b><center>Yes</td></b></center>
<td><b><center>No</td></b></center>
</tr>
<tr>
<td><b>Question 1</td></b>
<td>42%</td>
<td>58%</td>
<td>61%</td>
<td>39%</td>
</tr>
<tr>
<td><b>Question 2</td></b>
<td>53%</td>
<td>47%</td>
<td>69%</td>
<td>31%</td>
</tr>
<tr>
<td><b>Question 3</td></b>
<td>26%</td>
<td>74%</td>
<td>51%</td>
<td>49%</td>
</tr>
<tr>
<td><b><center>Average</td></b></center>
<td><b>40%</td></b>
<td><b>60%</td></b>
<td><b>60%</td></b>
<td><b>40%</td></b>
</tr>
</table>

10
</center>
</body>
</html>

Q.5. Create the following web page showing nested Ordered List as follows.

NESTED ORDERED LISTS


1. Hot Ginger Tea
2. Cold Lemon Tea
3. Hot Coffee
a. Espresso (Short Black)
b. Long Black (Americano)
c. Café Latte.
d. Cappuccino.
4. Soft Drinks
 Coke
 Fanta
 Sprite

Answer 5. Html Code:


<html>
<head>
<title>HTML Lab Codes</title>
<h1>NESTED ORDERED LISTS</h1>
<ol type=1>
<li>Hot Ginger Tea</li>
<li>Cold Lemon Tea</li>
<li>Hot Coffee</li>
<ol type=a>
<li>Espresso(Short Black)</li>

11
<li>Long Black(Americano)</li>
<li>Café Latte.</li>
<li>Cappuccino</li>
</ol>
<li>Soft Drinks</li>
<ul type=disc>
<li>Coke</li>
<li>Fanta</li>
<li>Sprite</li>
</ul>
</ol>
</body>
</html>

Q.6. Develop a web page of your favorite Sports personality with Picture and
with suitable headings and two paragraphs about the person. Link to Wikipedia for more information.

Answer 6. Html Code:


<html>
<head>
<title>HTML Lab Codes </title>
<body>
<h1><center>Virat Kohli</center></h1>
<center><a href="https://en.wikipedia.org/wiki/Virat_Kohli"><img src="C:\Users\Gur\Desktop\viratkohli.jpg">
</a></center>
<br>
<h2><center>About Virat Kohli</h2></center>

12
<p><center>Virat Kohli (born 5 November 1988) is an Indian international cricketer who currently captains the
Indian cricket team. A right-handed batsman often regarded as one of the best batsmen in the world, Kohli
was ranked eighth in ESPN's list of world's most famous athletes in 2016.</p></center>
<p>Born and raised in Delhi, Kohli represented the city's cricket team at various age-group levels before
making his first-class debut in 2006. He captained India Under-19s to victory at the 2008 Under-19 World Cup
in Malaysia, and a few months later, made his ODI debut for India against Sri Lanka at the age of 19.
Initially having played as a reserve batsman in the Indian team, he soon established himself as a regular
in the ODI middle-order and was part of the squad that won the 2011 World Cup.</p></center>
</body>
</html>

Q.7. Create an HTML document for giving details of your name, age, telephone no. address and enrolment no, Left aligned
in proper order.

Answer 7. Html Code:


<html>
<head>
<title>HTML Lab Codes</title>
</head>
<body>
<h1><center>DETAILS ABOUT MYSELF</h1></center>
<br>
<br>
<table>
<table border=2 cellspacing=2 cellpadding=15>
<caption><b>Personal Details</caption></b>

13
<tr>
<td><b>Name</td></b>
<td>SHUBHAM</td>
</tr>
<tr>
<td><b>Age</td></b>
<td>20 Years</td>
</tr>
<tr>
<td><b>Telephone Number</td><b>
<td>9971735372</td>
</tr>
<tr>
<td><b>Address</td></b>
<td>69-C GAUTAM NAGAR,New Delhi-110014</td>
</tr>
<tr>
<td><b>Enrolment Number</td></b>
<td>04124501715</td>
</tr>
</table>
</body>
</html>

Q.8. Run marquee in both directions with

1. Text “Welcome to JIMS ! Have a great day “ and yellow background color .
2. Run marquee with image slowly at half of the speed of Text marquee.

Answer 8. Html Code:

14
<html>
<head>
<title>HTML Lab Codes</title>
<body>
<body bgcolor=yellow>
<marquee bgcolor=lightgreen width=1260 height=100 behavior=alternate scrollamount=10><font size=40
color=navy>"Welcome to JIMS ! Have a great day"</font></marquee>
<marquee bgcolor=orange behavior=alternate width=1260 height=300 scrollamount=5><img
src="C:\Users\Gur\Desktop\logo.png" height=300></marquee>
</body>
</html>

Q.9. Create a Web page of ABC Company selling Tshirts with some introduction lines in red color about
company . Put the following links and each should open in a new page.

Profile
Products
Write Review
Contact US

Answer 9. Html Code:


<html>

15
<head>
<title>HTML Lab Codes</title>
<body>
<style>
h1 {color:green;}
</style>
<h1><center>Welcome to ABC COMPANY's Website</h1></center>
<br>
<center><img src="C:\Users\Gur\Desktop\company.jpg" width=200 height=200></center>
<br>
<h2><center>Introduction to the Company</h2></center>
<p><font color=red><center>We are an Indian based t-shirt printing company that are
passionate about what we do. Experience, expertise, innovation and meticulous attention to
detail separates us from the pack. We pride ourselves on hitting daily deadlines without
compromising on the quality of our printed t-shirts.</p></center></font>
<p><font color=red><center>ABC Company has been delivering classic styles, outdoor gear and expert advice for
over 100 years.</p></center></font>
<p><font color=red><center>ABC Company products are recognized around the world for their functional, innovative
design and high quality. Today, over 140,000 items are available, including many that have been favorites for
several decades.</p></center></font>
<p><font color=red><center>From the brand of t-shirts we stock to the inks we use, we strive for excellence.
All of our brands are ethically produced and approved.</p></center></font>
<p><font color=red><center>We use chemical free water based inks and cleansing materials where possible and are
India's printing pioneers in the field of discharge ink.</p></center></font>
<p><font color=red><center>We have the most advanced screen printing technology in the country, ensuring we deliver
outstanding quality every
time whether it’s a large or small print order.</p></center></font>
<br>
<center>
<a href="https://en.wikipedia.org/wiki/Profile">Profile</a>
<a href="https://en.wikipedia.org/wiki/Product">Products</a>
<a href="https://sharedreviews.com">Write a Review</a>
<a href="http://www.jagannath.org/contact.php">Contact Us</a>
</center>
</body>
</html>

16
Q.10. Develop appropriate application using FrontPage. Give Brief description about yourself. Add subheadings
Qualifications, Hobbies, Interest & Contact details. Link Pages with these subheadings.

Answer 10. Html Code:

My Homepage Html Code:

<html>
<head>
<meta http-equiv="Content-Language" content="en-us">
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Webpage using FrontPage</title>
</head>

<body bgcolor="#00FFFF">

<p align="center"><b>Webpage using FrontPage</b></p>


<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n
bsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n

17
bsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n
bsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n
bsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n
bsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<i><b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; My Homepage</b></i></p>
<p align="center"><img border="0" src="mypic.jpg" width="208" height="202"></p>
<p><b>About Myself :</b></p>
<p><b>Name</b> : SHUBHAM.</p>
<p>A<b>bout:</b>&nbsp; I study in JIMS Kalkaji.I am currently pursuing BBA from
this college.</p>
<p><b><a href="hobbies.htm">Hobbies</a> (click this link to view hobbies)</b></p>
<p><b><a href="qualifications.htm">Qualifications</a> (click this link to view
Qualifications)</b></p>
<p><b><a href="contactdetails.htm">Contact Details</a> (click this link to view
Contact Details)</b></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
</body>
</html>

18
My Hobbies Page Html Code:
<html>

<head>
<meta http-equiv="Content-Language" content="en-us">
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 0</title>
</head>

<body bgcolor="#FFFF00">

<p align="center"><b><font size="6">My Hobbies</font></b></p>


<p align="center">&nbsp;</p>
<p>I like to read an write.</p>
<p>I like to learn computer programming.</p>
<p>I like to learn new things about technology.</p>
<p>I like to use Quora.</p>
<p>I like to watch Hollywood Movies.</p>
<p>&nbsp;</p>

</body>

</html>

19
20
My Qualifications Page Html Code:

<html>
<head>
<meta http-equiv="Content-Language" content="en-us">
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 0</title>
</head>

<body bgcolor="#00FF00">

<p align="center"><b><font size="6">My Qualifications</font></b></p>


<p align="center">&nbsp;</p>
<p>Completed Higher Secondary Education.</p>
<p>Currently pursuing BBA(General Management) from JIMS Kalkaji.</p>

</body>

</html>

21
Contact Details Page Html Code:
<html>

<head>
<meta http-equiv="Content-Language" content="en-us">
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 0</title>
</head>

<body bgcolor="#FFFFFF">

<p align="center"><b><font size="6">&nbsp;&nbsp; Contact Details</font></b></p>


<p align="center">&nbsp;</p>
<p>Address : M-16,Jangpura Extension,New Delhi-110014</p>
<p>Phone Number : 9654973147</p>
<p>Email : gurpreetmailid@gmail.com</p>

</body>

</html>

22
BIBLIOGRAPHY

Wikipedia, the free encyclopedia:


https://en.wikipedia.org

Google:
https://www.google.co.in

23

S-ar putea să vă placă și