Project Work on HTML

7/28/2019 Project Work on HTML

1/57

Project Work On

HTML

(Computer

applications)Basic Webpages and a

Website


2/57

CONTENTS

Certificate Acknowledgement1. Design a simple web page to show all the basic tags of HTML document (HTML, Head, Meta,

title, BODY) and also use all attributes of body tag also give a snapshot of the coding.

2. Design a web page to show all types of headings styles from H1 to H6.3. Design a web page using all text tags (implicit and explicit both

) and also include a paragraph to explain the difference between these 2 types. (,

,, ,, center>,and .

4. Design a web page to show the use of paragraph tag and how tag is different from

.

5. Design a web page using address tag and show at least 5 horizontal line with differentthickness and all attributes.

6. Create a web page to represent use of block quote and font tag along with their attributes.7. Design a web page to show an unordered list inside an ordered list.8. Design a web page to show train schedule using table tags with different attributes.9. Create a web page to represent a calendar and with an image in the background of it.10. Design a web page to design a signup form.11. Design a web page to create a frame inside another frame.

12.Design a page using frameset tag where table of contents gets open in another frame.13.Design a website of at least 5 pages for a company.14.Design a web page to show the use of CSS.


3/57

CERTIFICATE

This is to certify that AJAY SETHI has successfully completed the project

titled HTML (Computer applications) as the partial fulfillment of the

requirement for the award of degree ofBachelor Of Business Administration

by Guru Gobind Singh Indraprastha University, New Delhi (2011-2014)

To best of my knowledge the report is original and has not been copied

or submitted anywhere else . It is an independent work done by him.

FACULTY: AARTI BUDHIRAJA

PLACE: NEW DELHI INSTITUTE OF MANAGEMENT


4/57

ACKNOWLEDGEMENT

The present work is an effort to throw some light On HTML (Computer

applications) . The work would not have been possible to come to the present

shape without the able guidance, supervision and help to me by my mentor.

With deep sense of gratitude I acknowledge the encouragement and guidance

received by Mrs. Aarti Budhirja (Faculty Guide) who not only played the role of

my Philosopher and Guide at New Delhi Institute of Management, New Delhi

but also mentored me at every stage of my project work.

AJAY SETHI


5/57

1. Design a simple web page to show all the basic tags of HTML document(HTML, Head, Meta, title, BODY) and also use all attributes of body tag

also give a snapshot of the coding.


6/57

CODING:

my first webpage

INTRODUCTION OF MARKETINGRESEARCH

The term marketing research is used extensively in modem marketing

management. It acts as a

tool for accurate decision making as regards marketing of goods and services. Itis also useful

for studying and solving different marketing problems in a systematic andrational manner.

Research means detailed, systematic and comprehensive study of a problem.Here, the details

of the marketing problems are collected and studied, conclusions are drawn andsuggestions

(recommendations) are made to solve the problems quickly, correctly andsystematically. In

marketing research, marketing problem is studied in depth and solutions aresuggested to solve

the problem relating to consumers, product, market competition, sales

promotion and so on.According to American Marketing Association (AMA), MR is "The systematicgathering,

recording, and analyzing of data about problems relating to the marketing ofgoods and

services.

Nikhil Sharma


7/57

9/2344

old lane

To spice up your text you can make it "BOLD",

ITALIC

or

UNDERLINED

Or even combine the tags to make BOLD ITALIC

or

ITALIC UNDERLINED

Use of font color and size

to change font color and size

This is blue color and size 3

This is red color and size 5

This is green color and size 7


8/57

2. Design a web page to show all types of headings styles from H1 to H6.


9/57

CODING:

HEADINGS

"GRAPHOLOGY"

Step 1.If you write complete letter with no partleft/broken/loose you may fullfill the space between your thoughts

and actions means you will not be imaginative but practical in your dailyactions.

Step 2.About your baseline: Which is mostly uneven, If you write in oneconsistent lengthyou may have more tactfullness in your decision making.

Step 3.About your Upstrokes as I said earlier theymay make your

aspirations more higher and build up ur mind from imagination to realisation.

step 4.Downstrokes in letter 'G' & 'Y': Try to write them vertically straightand not as you wrote them twisted back. It will help you come out of your past.


10/57

step 5. 'T' bars: the short line which crosses everysmall letter ' t ' should becrossed evenly and more on top high mark.It can enrich your knowledge andintelligence.

Step 6.Lastly for your over all writing kindly write more systematicallyand especially dont leave loose/broken ends in letter 'P' & 'D' or in any otherletters if you notice it by yourself.


11/57

3.Design a web page using all text tags(implicit and explicit

both) and also include a paragraph to explain the difference

between these 2 types. (, ,, ,,centre>,and .


12/57

CODING:

IMPLICIT AND EXPLICIT TAGS

In HTML there are both implicit tags and explicit tags. Implicit tags aredesigned to describe (to the browser) the enclosed text's meaning.

An example of a implicit tag is the In HTML there are both implicittags and explicit tags. Implicit tags are designed to describe (to the browser) theenclosed text's meaning.

An example of a implicit tag is the tag. By placing text inbetween these tags you are telling the browser that the text has some greater

importance

.By default all browsers make the text appear bold when in between the and tags.

Explicit tags on the other hand provide specific instructions on how to displaythe text they enclose. Examples of explicit tags include:

: Makes the text bold.

: Makes the text usually one size bigger than what's around it.

: Makes text italic.

: Makes the text bold.

: Makes the text usually one size bigger than what's aroundit.


13/57

Explicit tags were invented to add style to HTML pages because style sheetswere not around, though the original intention of HTML was to not haveexplicit tags.

Rather than use explicit tags to style your HTML pages, you should use stylesheets.

TYPE OF EXPLICIT AND IMPLICIT TAGS

EXPLICIT TAGS-:

THIS TEXT IS BOLD

THIS TEXT IS ITALIC

THIS TEXT IS UNDERLINED

IMPLICIT TAGS-:

THIS IS FOR EMPHASIS ITS SAME LIKE ITALICTEXT

THIS IS FOR STRONG EMPHASIS THE TEXT ITS SAMELIKE BOLD TEXT

THIS IS FOR TELETYPE ITS SAME LIKE MONOSPACEDTEXT


14/57

4.Design a web page to show the use of paragraph tag and how tag is

different from

.


15/57

CODING:

p and pre tag

p tag

The basic rule of thumb with paragraphing is to keep one idea to oneparagraph. If you begin to transition into a new idea, it belongs in a new

paragraph. There are some simple ways to tell if you are on the same topic or anew one. You can have one idea and several bits of supporting evidence withina single paragraph. You can also have several points in a single paragraph aslong as they relate to the overall topic of the paragraph. If the single points startto get long, then perhaps elaborating on each of them and placing them in theirown paragraphs is the route to go.

pre tag

As students advance, to improve writing skills they need in-depth support. Theyneed to organize their thoughts and learn to clearly communicate their ideas inwriting.

However, it can be challenging for teachers to provide personal attention toeach pupil. This is where Paragraph Punch fits in. Paragraph Punch takes usersthrough the process of writing a basic paragraph. From pre-set writing promptsusers develop an idea and write their own topic sentence, body, and aconclusion.


16/57

5. Design a web page using address tag and show at least 5 horizontal line

with different thickness and all attributes.


17/57

CODING:

ADDRESS AND HR TAG

W3C AUSTRALLIAN OFFICE

CSIROICT

BUILDING 108, NORTH ROAD, AUSTRALLIAN NATIONAL

UNIVERSITYCAMPUS

ACTON, CANBERRA

ACT 2061, AUSTRALIA


CSIROICT


UNIVERSITYCAMPUS

ACTON, CANBERRA

ACT 2061, AUSTRALIA



18/57

CSIROICT


UNIVERSITYCAMPUS

ACTON, CANBERRA

ACT 2061, AUSTRALIA

THIS IS TO SHOW HOW THESE TAGS ACTUALLY WORKS.


CSIROICT


UNIVERSITYCAMPUS

ACTON, CANBERRA

ACT 2061, AUSTRALIA


CSIROICT


UNIVERSITYCAMPUS

ACTON, CANBERRA

ACT 2061, AUSTRALIA


19/57

6. Create a web page to represent use of block quote and font tag along with

their attributes.


20/57

CODING:

blockquote tag and font tag

here is a quote from WWF'S website:

for 50 years,WWF has been protecting the future of nature.The world's leadingconservation organisation,WWF works in 100 countries & is supported by 1.2millon members in the united states and close to 5 million globally.

Note:browsers usually indent & lt;blockquote & gt;elements.

The

Date post:	03-Apr-2018
Category:	Documents
Upload:	ajay-sethi
View:	259 times
Download:	0 times

Project Work on HTML

Documents