8/10/2019 CM501.21E

1/30

CM501.21 1

DEPARTMENT OF TECHNICAL EDUCATIONANDHRA PRADESH

Name : M.Vijaya Kumar,M.Tech Designation : Head of Section Branch : Computer Engineering. Institute : SGM GPT, Abdullapurmet Subject : Internet Programming Year/Semester : V Semester Subject Code : CM-501 Topic : HTML

Duration : 50 Mins. Sub Topic : Importance of HTML, Format ofWeb Page

Teaching Aids : PPT

8/10/2019 CM501.21E

2/30

CM501.21 2

On completion of this period, you would beable to know

the importance of HTML

Objective

8/10/2019 CM501.21E

3/30

CM501.21 3

Recap

Have you ever used internet? What is internet? Do you know how the web pages are created? Do you know how animation, graphics and

other are added to the web content The Answer is HTML

8/10/2019 CM501.21E

4/30

8/10/2019 CM501.21E

5/30

CM501.21 5

An HTML file is text file containing smallmarkup tags which can be created by simpletext editor.

The markup tags tells web browser how todisplay the web page and its contents.

HTML page must have htm or html extension.

Introduction Contd..

8/10/2019 CM501.21E

6/30

CM501.21 6

H-T-M-L are initials that stand for Hyper TextMarkup Language

HTML Contd..

8/10/2019 CM501.21E

7/30

CM501.21 7

Hyper is the opposite of linear. It used to be thatcomputer programs had to move in a linearfashion. This before this, this before this, and soon.

HTML Contd..

8/10/2019 CM501.21E

8/30

CM501.21 8

Text is what you will use. Real, honest togoodness English letters.

Mark up is what you will do. You will write inplain English and then mark up what youwrote. More to come on that in the nextPrimer.

HTML Contd..

8/10/2019 CM501.21E

9/30

CM501.21 9

Language : It is a language, really -- but thelanguage is plain English

HTML Contd..

8/10/2019 CM501.21E

10/30

CM501.21 10

Importance of HTML

The Hyper Text Markup Language (HTML) is formarking up documents for inclusion in the WorldWide Web. HTML allows you to.

Publish documents to the Internet in a platform

independent format .

8/10/2019 CM501.21E

11/30

CM501.21 11

Create links to related works from yourdocument

Include graphics and multimedia data with yourdocument

Link to non-World Wide Web informationresources on the Internet

Importance of HTML.

8/10/2019 CM501.21E

12/30

CM501.21 12

Ease of use - simple file structure.

Easy to find information and services.

Importance of HTML.

8/10/2019 CM501.21E

13/30

CM501.21 13

What is Markup?

To use HTML, you must understand theconcept of markup.

Markup is the act of inserting additional textinto a document which is not usually visible

to the reader , and is not part of the content.

8/10/2019 CM501.21E

14/30

CM501.21 14

Markup

Enhances the document in some way, suchas capturing document structure or adding

hypertext capability.

Markup also refers to the additional text, alsoknown as tags, which are inserted in thedocument.

8/10/2019 CM501.21E

15/30

CM501.21 15

An example of markup

Grocery list

ApplesOranges

8/10/2019 CM501.21E

16/30

CM501.21 16

HTML Markup

HTML tags are used to markup the structure ofa document.

Tags embed basic formatting information thatthe browser can use to decide how to displaythe content.

HTML has two types of markup: tags andcharacter entities .

8/10/2019 CM501.21E

17/30

CM501.21 17

HTML

Tags are constructed of brackets betweenwhich the tag is placed.

Tags are placed around segments of text, sothere is usually a companion end tag identical

to the start tag except it includes a forwardslash.

8/10/2019 CM501.21E

18/30

CM501.21 18

HTML

Here are start and end tags for a title.

Introduction to HTML.

HTML also includes markup called character

entities . These are used to include internationalcharacters as well as characters usuallyincluded in tags as markup.

8/10/2019 CM501.21E

19/30

CM501.21 19

HTML

Entities start with an ampersand, followed by theentity name and end with a semicolon. Here is a

character entity for an ampersand:&amp

8/10/2019 CM501.21E

20/30

CM501.21 20

Format of Web Page

Web site is collection of web pages.

Web site starting page is Home Page

(index.html).

A web page can be made up of number of

elements.

8/10/2019 CM501.21E

21/30

CM501.21 21

Web Page Elements

Text Links

Images Tables Frames

Forms

8/10/2019 CM501.21E

22/30

CM501.21 22

Summary

HTML, its importance, usage.

How to use HTML in Internet Programming?

Format of Web page.

8/10/2019 CM501.21E

23/30

CM501.21 23

Quiz

1.HTML stands for_________.

8/10/2019 CM501.21E

24/30

CM501.21 24

Quiz

1.HTML stands for Hyper Text MarkupLanguage.

8/10/2019 CM501.21E

25/30

CM501.21 25

2.HTML is platform dependent language

(True / False)

8/10/2019 CM501.21E

26/30

CM501.21 26

2.HTML is platform dependent language

(True / False)

8/10/2019 CM501.21E

27/30

CM501.21 27

3.The __________ will tell the browser how todisplay the web page.

8/10/2019 CM501.21E

28/30

CM501.21 28

3.The Markup tags will tell the browser how todisplay the web page.

8/10/2019 CM501.21E

29/30

CM501.21 29

FAQS

1.State the importance of HTML.

2.Define a tag.

3.List applications of HTML.

4.Give the format of WEB PAGE.

8/10/2019 CM501.21E

30/30

CM501.21 30

Assignment

Study carefully the importance of HTML ininternet technology