1

Pemograman Web

Web - HTML

2

Halaman Web

• Web - is a system of interlinked hypertext documents that are accessed via the Internet.

3

Linear vs Hypertext Documents

This figure shows how topics can be related in a hypertext fashion, as opposed to a linear fashion.

4

Web Pages and Web Browsers

• Browser– Browse-er– an act of casual looking or reading

• Category– Text – Graphical

5

6

7

HTML

• HTML - HyperText Markup Language– Standard markup language used to create web

pages– markup language : language used to describe the

elements of web documents for example, headings, paragraphs, or images through the use of tags

8

Versions of HTML

This figure presents a history of the various versions of HTML that have been released by the World Wide Web Consortium (W3C).

9

10

Sampel HTML

11

HTML Document’s Structure

• Head

• Body

12

HTML Elements

• Elements are designators that define the structure and content of objects within a page

• Identified by Tags

• Exp : – Link (Anchor) – Paragraph

13

HTML Tags

• Identifying web page elements• In Pair – Opening Tag– Closing Tag

• Exp :– Link : <a> …</a>– Paragraph : <p>…</p>

14

15

HTML Attributes

• Attributes are properties used to provide additional information about an element.

• Exp :– Link : <a href="http://shayhowe.com/">Shay Howe</a>

16

Interpretation of the <H1> tag by Different Browsers

This figure shows how three different browsers might interpret a line of HTML code.