HTML: Complete Concepts and Techniques, Third Edition Book

Preface     vi
Introduction to HTML
Objectives     4
Introduction     4
What Is the Internet?     4
What Is the World Wide Web?     6
Web Servers     6
Web Site Types and Purposes     7
Web Browsers     9
What Is Hypertext Markup Language?     9
HTML History     11
HTML Elements     12
HTML Coding Practices     12
HTML Versions     12
Dynamic HTML (DHTML)     13
Extensible Hypertext Markup Language (XHTML)     13
Tools for Creating HTML Documents     14
Web Development Life Cycle     15
Web Site Planning     15
Web Site Analysis     16
Web Site Design and Development     17
Web Site Testing     20
Web Site Implementation and Maintenance     21
Project Summary     22
What You Should Know     22
Learn It Online     23
Apply Your Knowledge     24
In the Lab     25
Cases and Places     28
Creating and Editing a Web Page
Objectives     30
Introduction     30
TheCampus Tutoring Service     30
Elements of a Web Page     32
Window Elements     32
Text Elements     32
Image Elements     33
Hyperlink Elements     33
Starting Notepad     33
The Notepad Window     35
Title Bar     35
Menu Bar     35
Text Area     35
Scroll Bar     35
Enabling Word Wrap in Notepad     35
Entering HTML Tags and Text     36
Entering HTML Tags to Define the Web Page Structure     36
Entering Headings     39
Entering a Paragraph of Text     40
Creating a List     41
Saving an HTML File     44
Using a Browser to View a Web Page     47
Starting a Browser     47
Viewing a Web Page in a Browser     48
Activating Notepad     50
Web Page Images     51
Image Types     51
Image Attributes     51
Improving the Appearance of Your Web Page     52
Adding an Image     53
Adding Background Color     54
Centering the Heading     56
Adding a Horizontal Rule      56
Refreshing the View in a Browser     58
Viewing HTML Source Code for a Web Page     58
Printing a Web Page and an HTML File     60
Quitting Notepad and a Browser     62
Project Summary     62
What You Should Know     62
Learn It Online     63
Apply Your Knowledge     64
In the Lab     65
Cases and Places     68
Creating Web Pages with Links, Images, and Formatted Text
Objectives     70
Introduction     70
Plant World Web Site     71
Starting Notepad     72
Using Links on a Web Page     72
Linking to Another Web Page within the Same Web Site     75
Linking to a Web Page in Another Web Site     76
Linking within a Web Page     77
Linking to an E-Mail Address     77
Creating a Home Page     78
Entering HTML Tags to Define the Web Page Structure     78
Adding an Image     79
Adding a Left-Aligned Heading with a Font Color     80
Entering a Paragraph of Text     82
Creating Unordered (Bulleted) Lists     83
Adding a Background Image     85
Adding a Text Link      85
Adding a Text Link to Another Web Page within the Same Web Site     86
Adding an E-Mail Link     88
Saving and Printing the HTML File     89
Viewing, Testing Links, and Printing a Web Page     90
Editing the Second Web Page     94
Formatting Text     96
Formatting Text in Bold     96
Formatting Text in Italics     98
Format Text with a Font Color     99
Adding an Image with Wrapped Text     100
Adding an Image with Wrapped Text     103
Clearing the Text Wrapping     104
Using Horizontal and Vertical Spacing     106
Using Thumbnail Images     106
Obtaining Images     107
Adding a Text Link to Another Web Site     108
Adding a Text Link to a Web Page in Another Web Site     108
Adding Links within a Web Page     109
Setting Link Targets     110
Adding Links to Link Targets within a Web Page     112
Adding Links to a Link Target at the Top of the Page     114
Adding an Image Link to a Web Page     115
Saving and Printing the HTML File and Web Page     117
Project Summary     120
What You Should Know      120
Learn It Online     121
Apply Your Knowledge     122
In the Lab     124
Cases and Places     129
Creating Tables in a Web Site
Objectives     132
Introduction     132
Bell Video     132
Creating Web Pages with Tables     134
Table Elements     136
Table Borders, Headers, Captions, and Rules     137
Planning, Designing, and Coding a Table     138
Determining if a Table Is Needed     139
Planning the Table     139
Coding the Table     141
Table Tag Attributes     142
Creating a Home Page     143
Starting Notepad     143
Entering HTML Tags to Define the Web Page Structure     143
Using Borderless Tables to Position Images     145
Creating a Borderless Table to Position Images     146
Inserting Images in a Table     147
Creating a Vertical Menu Bar with Text Links     148
Adding Text to a Table Cell     151
Viewing and Printing the Web Page Using the Browser     154
Creating a Secondary Web Page     155
Changing the Title     157
Deleting an Image      158
Creating a Horizontal Menu Bar with Text Links     158
Creating a Table with Borders     160
Creating a Table with Borders and Inserting Text into Cells     162
Adding Cellspacing, Cellpadding, and a Caption     169
Adding Cellspacing and Cellpadding to a Table     170
Adding a Table Caption     172
Spanning Rows and Columns     174
Spanning the Main Heading across All Columns     177
Creating Additional Headings that Span Rows and Columns     178
Project Summary     183
What You Should Know     184
Learn It Online     185
Apply Your Knowledge     186
In the Lab     187
Cases and Places     192
Creating an Image Map
Objectives     194
Introduction     194
Ibrahim Real Estate     195
Introduction to Image Maps     196
Using Image Maps with Text Links     197
Image Map Uses     197
Server-Side versus Client-Side Image Maps     201
Creating an Image Map     201
Selecting Images     201
Sketching the Borders of Hotspots     203
Mapping Image Coordinates      204
Coding the Map     206
Using Paint to Locate X- and Y-Coordinates     207
The Paint Window     207
Opening an Image File in Paint     208
Locating X- and Y-Coordinates of an Image     209
Creating the Home Page     213
Starting Notepad and Entering Initial HTML Tags     213
Creating a Table     214
Inserting an Image in a Table     215
Adding Text to a Table Cell     216
Adding an Image to Use as an Image Map     217
Creating a Horizontal Menu Bar with Text Links     219
Coding the Image Map Using HTML Tags and Attributes     220
Creating an Image Map     221
Changing Link Colors     223
Viewing and Printing the Web Page Using a Browser     225
Creating a Second Web Page     226
Changing the Title     228
Adding a Heading and Paragraphs of Text     229
Adding an Image     231
Creating a Horizontal Menu Bar     232
Viewing and Printing the Web Page     234
Testing the Links     236
Project Summary     237
What You Should Know     237
Learn It Online     238
Apply Your Knowledge     239
In the Lab     241
Cases and Places     245
Using Frames in a Web Site
Objectives     248
Introduction     248
Bill Thomas Illustrations     249
Creating Frames     250
Creating a Frame Definition File     250
Defining Columns and Rows in a Frameset     252
Defining Frame Attributes     254
Planning and Laying Out Frames     258
Creating a Frame Definition File     260
Starting Notepad and Entering Initial HTML Tags     260
Defining the Frameset Columns and Rows     262
Identifying Attributes of the Header and Menu Frames     265
Identifying Attributes of the Main Frame     266
Saving the HTML File     267
Creating the Header Page     268
Creating the Menu Page     270
Adding Links with Targets to the Menu Page     272
Creating the Home Page     273
Viewing, Testing, and Printing Web Pages and HTML Code     275
Viewing and Printing the Frame Definition File Using a Browser     275
Testing the Links     277
Printing the HTML Files     277
Project Summary      279
What You Should Know     279
Learn It Online     280
Apply Your Knowledge     281
In the Lab     282
Cases and Places     287
Creating a Form on a Web Page
Objectives     290
Introduction     290
Creating Forms on a Web Page     291
Creating Web Page Forms     292
Input Controls     292
HTML Tags Used to Create Forms     296
Attributes of HTML Tags Used to Create Forms     296
Creating a Form On a Web Page     298
Creating a Form and Identifying the Form Process     299
Changing the Text Message     300
Adding Text Boxes     301
Adding Check Boxes     303
Adding a Selection Menu     304
Adding More Advanced Selection Menus     306
Adding Additional Text Boxes     307
Adding Radio Buttons and a Textarea     309
Adding Radio Buttons     309
Adding a Textarea     310
Submit and Reset Buttons     312
Adding Submit and Reset Buttons     312
Organizing a Form Using Form Groupings     313
Using Fieldset Controls to Create Form Groupings     314
Saving the HTML File     316
Viewing, Testing, and Printing the Web Page and HTML Code     317
Project Summary     321
What You Should Know     321
Learn It Online     322
Apply Your Knowledge     323
In the Lab     324
Cases and Places     328
Creating Style Sheets
Objectives     330
Introduction     330
Using Style Sheets in the Stained Glass Club Web Site     331
Creating Style Sheets     334
Style Sheet Precedence     334
Style Statement Format     334
Inline Style Sheets     336
Embedded Style Sheets     336
External Style Sheets     337
Working with Classes in Style Sheets     338
Adding Style Sheets to the Stained Glass Club Web Site     340
Adding an Embedded Style Sheet     341
Setting the Paragraph Style     343
Setting a Style for All Links     344
Setting the Link Hover Style     345
Saving, Viewing, and Printing the HTML File     345
Adding an External Style Sheet     348
Setting a Body Style     349
Setting Link and Paragraph Styles      350
Setting Table and Caption Styles     350
Creating an External Style Sheet     350
Linking to an External Style Sheet     352
Linking the Remaining HTML Files to an External Style Sheet     353
Adding an Inline Style Sheet     355
Viewing and Printing Framed Web Pages     357
Viewing and Printing HTML Files     359
Quitting Notepad and a Browser     361
Project Summary     361
What You Should Know     361
Learn It Online     362
Apply Your Knowledge     363
In the Lab     364
Cases and Places     368
HTML Quick Reference
HTML Tags and Attributes     App 1
Browser-Safe Color Palette
Browser-Safe Colors     App 11
Style Sheet Browser Compatibility Tables
Style Sheet Properties and Values     App 13
Index     Ind 1