Date post: | 04-Apr-2018 |
Category: |
Documents |
Upload: | mohamad-saad |
View: | 221 times |
Download: | 0 times |
of 42
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
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