HTML Lessons

24/10/2014 HTML - . 1

HTML

www.w3schools.com

24/10/2014 HTML - . 2

World Wide Web

World Wide Web (WWW)

standard , P

Web

Web Web servers

Web Web clients

Web browsers

(.. Internet Explorer, Netscape Navigator)

24/10/2014 HTML - . 3

;

Web

Web browser

HTML tags

24/10/2014 HTML - . 4

HTML

HTML : Hyper Text Markup Language

HTML .htm .html

HTML

(.. Notepad)

24/10/2014 HTML - . 5

HTML

1. Notepad ()

2. :

Title of page

This is my first homepage.

This text is bold

3.

test.htm

4. to

Internet Explorer

24/10/2014 HTML - . 6

Headings ()

tags ... ...

:

This is heading 1

This is heading 2

This is heading 3

This is heading 4

This is heading 5

This is heading 6

Use heading tags only for headings. Don't use them just to

make something bold. Use other tags for that.

24/10/2014 HTML - . 7

Paragraphs ()

tag ... :

24/10/2014 HTML - . 8

Line breaks ( )

( )

tag :

To breaklinesin aparagraph,use the br tag.

24/10/2014 HTML - . 9

Comments ()

tag :

This is a regular paragraph

24/10/2014 HTML - . 10

align tag :

This is heading 1

The heading above is aligned to the center of this page. The

heading above is aligned to the center of this page. The heading

above is aligned to the center of this page.

24/10/2014 HTML - . 11

Horizontal rules ()

tag :

The hr tag defines a horizontal rule:

This is a paragraph

This is a paragraph

This is a paragraph

24/10/2014 HTML - . 12

bgcolor tag

:

Look: Colored Background!

24/10/2014 HTML - . 13

:

This text is bold

This text is italic

This text is underlined

This text containssubscript

This text containssuperscript

This text is deleted

24/10/2014 HTML - . 14

HTML links () tag :

24/10/2014 HTML - . 15

HTML images-links () :

:

24/10/2014 HTML - . 16

HTML links ()

target=_blank tag :

Test Page

If you set the target attribute of a link to "_blank",

the link will open in a new window.

24/10/2014 HTML - . 17

HTML links () :

24/10/2014 HTML - . 18

HTML mail-links () :

This is a mail link:

Send Mail

24/10/2014 HTML - . 19

HTML frames ( 1) frames

:

24/10/2014 HTML - . 20

HTML frames ( 2) frames :

24/10/2014 HTML - . 21

HTML frames ( 3) frames

:

24/10/2014 HTML - . 22

HTML frames ( 4) Frames

noresize tag :

24/10/2014 HTML - . 23

HTML frames ( 5) frame (navigation)

frame, :

Frame a

Frame b

Frame c

24/10/2014 HTML - . 24

HTML frames ( 6) inline frame html ,

:

Inline frame :

24/10/2014 HTML - . 25

HTML tables ( 1) html , :

24/10/2014 HTML - . 26

HTML tables ( 2) html

(borders):

24/10/2014 HTML - . 27

HTML tables ( 3) html (headings):

Heading

Another Heading

row 1, cell 1

row 1, cell 2

row 2, cell 1

row 2, cell 2

24/10/2014 HTML - . 28

HTML tables ( 4) html :

row 1, cell 1

row 1, cell 2

row 2, cell 1

24/10/2014 HTML - . 29

HTML tables ( 5) html (borders):

This table has no borders:

100

200

300

400

500

600

24/10/2014 HTML - . 30

HTML tables ( 6) html (headings):

Vertical headers:

First Name:

Bill Gates

Telephone:

555 77 854

Telephone:

555 77 855

24/10/2014 HTML - . 31

HTML tables ( 7) html (spam)

/ :

24/10/2014 HTML - . 32


24/10/2014 HTML - . 33


With cellpadding:

First

Row

Second

Row

24/10/2014 HTML - . 34


24/10/2014 HTML - . 35


24/10/2014 HTML - . 36

HTML tables ( 12) html (align) :

24/10/2014 HTML - . 37

HTML tables ( 13) html

(borders) frame tag :

24/10/2014 HTML - . 38

HTML lists ( 1) HTML :

An Unordered List:

Coffee

Tea

Milk

An Ordered List:

Coffee

Tea

Milk

24/10/2014 HTML - . 39

HTML lists ( 2) :

24/10/2014 HTML - . 40

HTML lists ( 3) :

24/10/2014 HTML - . 41

HTML lists ( 3) :

A nested List:

Coffee

Tea

Black tea

Green tea

China

Africa

Milk

24/10/2014 HTML - . 42

HTML forms ( 1) HTML

:

First name:

Last name:

24/10/2014 HTML - . 43

HTML forms ( 2) HTML password:

Username:

Password:

24/10/2014 HTML - . 44

HTML forms ( 3) HTML checkbox:

I have a bike:

I have a car:

24/10/2014 HTML - . 45

HTML forms ( 4) HTML radio:

Male:

Female:

24/10/2014 HTML - . 46

HTML forms ( 5) HTML drop-down list:

Volvo

Saab

Fiat

Audi

24/10/2014 HTML - . 47

HTML forms ( 6) HTML text area:

The cat was playing in the

garden.

24/10/2014 HTML - . 48

HTML forms ( 7) HTML button:

24/10/2014 HTML - . 49

HTML forms ( 8) HTML text :

Health information:

Height

Weight

24/10/2014 HTML - . 50

HTML images ( 1) HTML :

An image:

A moving image:

24/10/2014 HTML - . 51

HTML images ( 2) :

24/10/2014 HTML - . 52

HTML images ( 3) :

24/10/2014 HTML - . 53

HTML images ( 4) :

24/10/2014 HTML - . 54

HTML images ( 5) (alt) :

24/10/2014 HTML - . 55

HTML images ( 6) :

You can also use an image as a link:

24/10/2014 HTML - . 56

HTML images ( 7) image-map. .

:

24/10/2014 HTML - . 57

HTML images ( 8) background :

Image Background

Both gif and jpg files can be used as

HTML backgrounds.

If the image is smaller than the page, the

image will repeat itself.

HTML Lessons

Documents

Transcript of HTML Lessons