7/29/2019 HTML Part1 Presentation

1/42

20/1/2013

7/29/2019 HTML Part1 Presentation

2/42

20/1/2013

7/29/2019 HTML Part1 Presentation

3/42

HTMLWeb Design Course

Engsaad_aly@hotmail.com

7/29/2019 HTML Part1 Presentation

4/42

H

T

M

L

Hyper

Text

Markup

Language

Markup Language

Set of markup tags

Tags

Keywords surrounded by angle brackets

Normally come in pairs

Start Tag

Opening Tags

End Tag

Closing Tags

7/29/2019 HTML Part1 Presentation

5/42

7/29/2019 HTML Part1 Presentation

6/42

The Declaration

7/29/2019 HTML Part1 Presentation

7/42

Elements

7/29/2019 HTML Part1 Presentation

8/42

Page Titles

7/29/2019 HTML Part1 Presentation

9/42

HTML Headings

..

7/29/2019 HTML Part1 Presentation

10/42

HTML Headings

7/29/2019 HTML Part1 Presentation

11/42

HTML Paragraphs

7/29/2019 HTML Part1 Presentation

12/42

Don't Forget the End Tag

7/29/2019 HTML Part1 Presentation

13/42

Lists

7/29/2019 HTML Part1 Presentation

14/42

Lists

7/29/2019 HTML Part1 Presentation

15/42

Lists

Ordered Lists

7/29/2019 HTML Part1 Presentation

16/42

Lists

7/29/2019 HTML Part1 Presentation

17/42

HTML Attributes

7/29/2019 HTML Part1 Presentation

18/42

HTML Links

An anchor tag is used to define a link, but you

also need to add the destination of the link.

The destination of the link is defined in the href

attribute of the tag.

The link can be absolute, such as:

"http://www.google.com", or it can be relative to the

current page.

7/29/2019 HTML Part1 Presentation

19/42

HTML Links

7/29/2019 HTML Part1 Presentation

20/42

Mailto link

To create a link on your Web site that opens an

email window .

Send

Send email to more than one address

Send

7/29/2019 HTML Part1 Presentation

21/42

HTML Imagesimg Tag

7/29/2019 HTML Part1 Presentation

22/42

HTML Images

Image source Alternate text

The alt attribute provides alternative information for an image if a user

for some reason cannot view it .

Alternate Text

7/29/2019 HTML Part1 Presentation

23/42

HTML Images

7/29/2019 HTML Part1 Presentation

24/42

HTML Lines

7/29/2019 HTML Part1 Presentation

25/42

HTML Comments

7/29/2019 HTML Part1 Presentation

26/42

HTML Text Formatting

7/29/2019 HTML Part1 Presentation

27/42

HTML Text Formatting

7/29/2019 HTML Part1 Presentation

28/42

HTML Text Formatting

7/29/2019 HTML Part1 Presentation

29/42

HTML Tables

7/29/2019 HTML Part1 Presentation

30/42

HTML Tables

Table DataTable rowTable

100

200

100

7/29/2019 HTML Part1 Presentation

31/42

HTML Tables

Table DataTable rowTable

row 1, cell 1

row 1, cell 2

row 2, cell 1

row 2, cell 2

7/29/2019 HTML Part1 Presentation

32/42

HTML Tables

Table DataTable rowTable

row 1, cell 1

row 1, cell 2

row 2, cell 1

row 2, cell 2

7/29/2019 HTML Part1 Presentation

33/42

HTML Tables

Table DataTable rowTable

row 1, cell 1

row 1, cell 2

row 2, cell 1

row 2, cell 2

7/29/2019 HTML Part1 Presentation

34/42

HTML Tables

7/29/2019 HTML Part1 Presentation

35/42

HTML Tables

7/29/2019 HTML Part1 Presentation

36/42

HTML Tables

7/29/2019 HTML Part1 Presentation

37/42

7/29/2019 HTML Part1 Presentation

38/42

End of HTML Coding Part 1

7/29/2019 HTML Part1 Presentation

39/42

Forms

used to send data across the web and are often

used as contact forms to convert information

inputted by a user into an email.

7/29/2019 HTML Part1 Presentation

40/42

known

Visual Illusion

7/29/2019 HTML Part1 Presentation

41/42

known

Visual Illusion

7/29/2019 HTML Part1 Presentation

42/42

The End

Engsaad_aly@hotmail.com