Академический Документы
Профессиональный Документы
Культура Документы
1
XP
Introducing the World Wide Web
2
XP
The Internet
This figure shows the physical structure of the Internet, which uses fiber-optic cables,
satellites, phone lines, and other telecommunications media to send data back and forth.
4
XP
The Development of the
World Wide Web
5
XP
Hypertext Documents
6
XP
Linear Versus Hypertext Documents
7
XP
Hypertext Documents Continued
9
Using a Browser to View a Web XP
Document on a Server
This figure shows to view web pages, the user runs a Web browser,
a software program that retrieves the page and displays it.
10
XP
Internet Explorer and Netscape
11
Web Page with Interesting Fonts,XP
Graphics, and Layout
graphic image
links
interesting fonts
12
XP
HTML: The Language of the Web
13
XP
Hypertext Markup Language (HTML)
14
XP
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).
15
XP
Hypertext Markup
Language (HTML) Continued
16
XP
Web Development
17
XP
Tools for Creating HTML Documents
18
XP
Creating an HTML Document
heading 3
bold and italic
text
19
XP
HTML Syntax
20
XP
HTML Tags
21
Interpretation of the <H1> tag byXP
Different Browsers
This figure shows how three different browsers might interpret a line of HTML code.
22
XP
Initial HTML Tags in Notepad
<html> tag
indicates that
this file is
written in <title> tag contains
HTML the Web page title
Page content will
go between the
<head> tag
<body> tags
contains
information about
the Web page
23
XP
The Initial HTML File in
Internet Explorer
the title you
entered between
the <title>
tags
address box
You should occasionally
indicates the
view the formatted page
name and
with different Web
location of the
browsers to check
HTML file
compatibility, verify
page content will that there are no syntax
appear here errors, or other
problems.
24
XP
Creating Heading Tags
25
XP
Six Heading Levels
This figure
illustrates the
general
appearance of the
six heading styles.
Your browser
might use slightly
different fonts and
sizes.
26
XP
Entering Heading Tags and Text
heading tags
27
XP
Headings As They Appear
in the Browser
<h1>
<h2>
<h3>
28
XP
Entering Paragraph Text
29
XP
Paragraph Text in the Browser
30
XP
Adding Paragraphs
adding
paragraphs
31
XP
The Paragraphs Displayed
by the Browser
Remember:
HTML formats
text only through
the use of tags
and ignores such
things as extra
blank spaces,
blank lines, or
tabs.
four grading
paragraphs
are not
separated
32
XP
The Grading Text Separated
into Paragraphs
To add space
between
paragraphs,
you use the
paragraph tag
<p>.
text is now
separated
into four
paragraphs
33
XP
Creating Lists
34
XP
Entering an Unordered List
<ul> unordered
list tag
<li> list
item tag
35
XP
The Unordered List in the Browser
An unordered
list is a bulleted
list.
unordered
list
36
XP
Creating Character Tags
37
XP
Common Logical Character Tags
38
XP
Common Physical Character Tags
This figure shows examples of how these tags can be displayed in a browser.
39
Logical Character Tags as They XP
Appear in the Browser
examples of
individual
tags
example of
combined
tags
40
Physical Character Tags as TheyXP
Appear in the Browser
Underline text
can sometimes be
confused with
hyperlinked text
(which is usually
underlined), and
for that reason,
use of the <u> tag
is discouraged.
41
XP
Applying Character Tags
If you support
users with older
browsers, you
should use a logical
tag. Otherwise, use
physical tags, which
are more common
and easier to
interpret.
42
The Effect of the Character TagsXP
in the Browser
text
formatted
with bold
and italic
43
XP
Inserting a Graphic
45
XP
Inserting a Graphic
Image file
dube.jpg
46
XP
The Image File as it Appears
in the Browser
47
XP
Special Characters
48
XP
Special Characters and Codes
This figure shows some HTML symbols and the corresponding code numbers or names.
49
XP
Special Characters in the Browser
accented é added
to last name
50
XP
Inserting Horizontal Lines
51
XP
Inserting Horizontal Lines
52
XP
Different Line Styles
53
XP
Horizontal Line Added to the Page
horizontal line
54
XP
Tutorial 1 Summary
55
XP
Tutorial 1 Summary Continued
56