Home Page Icon
Home Page
Table of Contents for
Part II: Adding the Content
Close
Part II: Adding the Content
by Wendy Willard
HTML: A Beginner’s Guide 5/E
Cover
Title Page
Copyright Page
About the Author
Contents at a Glance
Contents
Acknowledgments
Introduction
Part I: Laying the Foundation
Chapter 1: Getting Started
Understand the Internet as a Medium for Disseminating Information
The Anatomy of a Web Site
Web Browsers
Internet Service Providers
Be Aware of the Current Version of HTML
Plan for the Audience, Goals, Structure, Content, and Navigation of Your Site
Identify the Target Audience
Set Goals
Create the Structure
Organize Content
Develop Navigation
Identify the Best HTML Editor for You
Which Is Best?
Learn from the Pros Using the View Source Command of Popular Web Browsers
Chapter 2: Document Setup
Create an HTML File
Naming Conventions
Preview an HTML File in a Browser
Describe and Apply the Basic HTML Document Format
Types of Elements
Types of Tags
Attributes
Required Tags
Capitalization
Quotation Marks
Nesting
Spacing and Breaks Within the Code
Spacing and Breaks Between Tags
Spacing Between Lines of Text
Use Character Entities to Display Special Characters
Add Comments to an HTML File
Chapter 3: Style Sheet Setup
Set Up Style Sheets in an HTML File
Define the Style
Define the Values
Create the Structure
Understand the Cascade
Identify the Ways in Which Color Is Referenced in Web Development
Hexadecimal Color
RGB Values and Percentages
Color Names
So Which Should I Use?
New and Notable Color Options
RGBA
Opacity
Specify Document Colors
Chapter 4: Working with Text
Ensure Onscreen Readability of Text
Markup Text
Style Text
Font Faces
Font Sizes
Font Colors
Other Font Style Properties
Offer Printer-Friendly Versions of Text Content
PDFs
Printer-Specific Style Sheets
Final Tips for Printer-Friendly Pages
Chapter 5: Page Structure
Organize Sections of Content
Identifying Natural Divisions
Set the Outline
Get Inspired
Organize Text
Paragraphs
Line Breaks
Quotation Blocks
Box Properties
Alignment
Chapter 6: Positioning Page Elements
Understand the Concept and Uses of Style Sheets for Page Layout
Create a Single-Column, Centered, Fluid Page Layout
Break Down the Code
Pull It All Together
Browser Support
Create a Multicolumn Fluid Page Layout
Break Down the Code
Pull It Back Together
Browser Support
Other CSS Page Layouts
Layer Content Within a Layout
Realistic Uses of Layers in Web Pages
Use External Style Sheets
Link to an External Style Sheet
Import an External Style Sheet
Part II: Adding the Content
Chapter 7: Working with Links
Add Links to Other Web Pages
Absolute Links
Relative Links
Add Links to Sections Within the Same Web Page
Create an Anchor
Link to an Anchor
Add Links to Email Addresses and Downloadable Files
Email Addresses
FTP and Downloadable Files
Recognize Effective Links
Extra Credit
Style Links
Default Link Colors
Beyond Colors
Customize Links by Setting the Tab Order, Keyboard Shortcut, and Target Window
Title
Tab Order
Keyboard Shortcuts
Target Windows
Chapter 8: Working with Images
Locating Web Image Sources
Use Stock Images
Creating Your Own Graphics
Become Familiar with Graphics Software
Adobe Photoshop and Illustrator
Other Options
Recognize Appropriate Web Image File Formats
Terminology
GIF
JPEG
PNG
Choose the Best File Format for the Job
Use Images as Elements in the Foreground of a Web Page
Specify the Height and Width of Images
Provide Alternative Text and Titles for Images
Link Images to Other Content on a Web Site
Link the Entire Image
Link Sections of an Image
Add Figure Captions
Style Foreground Images
Borders
Floats
Padding and Margins
Centering
Pulling It All Together
Use Images as Elements in the Background of a Web Page
Extra Credit
Chapter 9: Working with Multimedia
Understand How Plug-ins Are Used with Web Browsers
Identify the Installed Components
Recognize File Types, Extensions, and Appropriate Plug-ins
Link to Different Types of Media from a Web Page
Embed Different Types of Media onto a Web Page
Start with the audio and video Elements
Customize with Attributes
Specify Sources
Provide Fallback Options
Add Text Tracks
Use embed for Non-native Multimedia Content
Style Multimedia Content
Chapter 10: Creating Lists
Use Ordered Lists in a Web Page
Use Unordered Lists in a Web Page
Use Definition Lists in a Web Page
Combine and Nest Two or More Types of Lists in a Web Page
Style Lists
Customize the Bullets
Customize the Spacing
Customize the Entire Layout
Chapter 11: Using Tables
Understand the Concept and Uses of Tables in Web Pages
Create a Basic Table Structure
Table Structure
Cell Content
Format Tables Within Web Pages
Borders and Margins
Width and Height
Basic Alignment
Colors
Background Images
Captions
Format Content Within Table Cells
Alignment
Width and Height
Cell Padding
Colors
Prohibit Line Breaks
Spanning Columns
Span Rows
Additional Formatting Techniques for Tables
Group Rows
Group Columns
Chapter 12: Creating Forms
Understand the Concept and Uses of Forms in Web Pages
Create a Basic Form
Text Input
Radio Buttons
Check Boxes
Date and Time Inputs
Other Number Inputs
Contact Methods
Color Selectors
Select Menus
Disable Form Elements
Hidden Fields
File Uploads
Buttons
Validate the Form Content
Using Patterns
Provide a Way for Your Form to Be Processed
The action Attribute
The method and enctype Attributes
Chapter 13: Formatting and Styling Forms
Apply Tables to Forms
Make Forms More User-Friendly
Set Tab Order and Keyboard Shortcuts
Include Labels
Group-Related Controls
Add Data Lists
Show Progress
Assist Your Users
Style Forms
Use Styles and Fieldsets to Eliminate the Table Layout
Use Styles for Client-Side Validation
Chapter 14: Beyond Static HTML
Understand the Concept and Uses of JavaScript and HTML5 APIs in Web Pages
Troubleshoot JavaScript
Terminology
JavaScript Logic
New and Notable
Multitasking
Storage
Offline
Geolocation
Canvas
Sample Scripts
Add the Current Date and Time
Format a New Window
Create a Dynamic Navigation Bar
Display a User’s Location on a Map
Learn More
Online References and Scripts
Part III: Going Live
Chapter 15: Publishing Pages
Select Possible Domain Names for Your Site
Determine the Most Appropriate Type of Hosting for Your Site
Personal Site Hosting
Business Site Hosting
Prepare Your Site for Its Public Debut
Update Meta Content
Troubleshoot the Code
Validate the Code
Preview on Mobile Devices
Preview in Other Browsers
Upload Your Site to a Host Computer
Desktop FTP Programs
Web-Based FTP
Test Your Published Site
Publicize Your Web Site
Marketing Tips
Make the Site Live!
Chapter 16: HTML for Email
Email Standards Project
Determine Whether HTML Email Is Appropriate for Your Needs
The Purpose of Email Is to Communicate
The End-User Display Is Unknown
Plain-Text Email Is Safer and Smaller
But … HTML Email Marketing Works
Don’t Send Spam
Email the Right People
Always Provide a Way to Opt Out
Adhere to Other FTC Rules
Identify the Necessary Tools for the Task
Send Live Web Pages with a Personal Email Account
Using an Email Service Provider
Code for Email Readers, Not Web Browsers
Absolute Paths
Images
Tables for Layout
Inline CSS
Reference Guide to CSS Support in Email Clients
Interactivity and Multimedia in HTML Email
Video in Email
Flash
Forms
Test, Test, Test
Spam Test
Part IV: Appendixes
Appendixes A: Answers to Self Tests
Chapter 1: Getting Started
Chapter 2: Page Setup
Chapter 3: Style Sheet Setup408
Chapter 4: Working with Text
Chapter 5: Page Structure
Chapter 6: Positioning Page Elements
Chapter 7: Working with Links
Chapter 8: Working with Images
Chapter 9: Working with Multimedia
Chapter 10: Creating Lists
Chapter 11: Using Tables
Chapter 12: Creating Forms
Chapter 13: Formatting and Styling Forms
Chapter 14: Beyond Static HTML
Chapter 15: Making Pages Available to Others
Chapter 16: HTML for Email
Appendixes B: HTML/CSS Reference Table
Generic Attributes
Group Type: Core
Group Type: Events
Group Type: Intl
HTML Tags
CSS Properties
Appendixes C: Troubleshooting (FAQs)
My Page Is Blank in the Browser!
All I See Is Code in the Browser!
My Images Don’t Appear!
I Tried to Change the Font, But Nothing Happened!
When I Use a Special Character, It Doesn’t Appear!
My Links Don’t Work!
My Page Looks Great in One Browser, But Terrible in Another!
When I Link My Images, They Have Little Colored Dashes Next to Them!
I Saved My Image as a JPEG, But the Browser Says It’s Not a Valid File Format!
Strange Characters Are at the Top of My Page!
I Added Internal Links to Sections of a Web Page, But When I Click Them, the Browser Launches a Brand New Window!
I Specified One Color, But Got a Totally Different One!
I Need to Protect Some of My Pages from Unwanted Visitors!
I Need to Prevent People from Stealing My Images!
I Tried to Send My Web Page in an Email, But the Page Looked Terrible!
I Updated My Web Page, But I Don’t See the Changes in the Browser!
My Whole Page Is _____________! (Fill in the Blank)
My Page Has a White Background in One Browser, But Not in Others!
I Shrank My Images, But They Still Take Forever to Download!
I Embedded a Flash File That Works Fine on My Computer, But Doesn’t Work Properly on Other Computers!
My Tables Look Fine in One Browser, But Terrible in Another!
I Still Have Questions!
Appendixes D: Special Characters
Standard HTML Entities
Appendixes E: FileTypes
Index
Search in book...
Toggle Font Controls
Playlists
Add To
Create new playlist
Name your new playlist
Playlist description (optional)
Cancel
Create playlist
Sign In
Email address
Password
Forgot Password?
Create account
Login
or
Continue with Facebook
Continue with Google
Sign Up
Full Name
Email address
Confirm Email Address
Password
Login
Create account
or
Continue with Facebook
Continue with Google
Prev
Previous Chapter
Chapter 6: Positioning Page Elements
Next
Next Chapter
Chapter 7: Working with Links
Part
II
Adding the Content
Add Highlight
No Comment
..................Content has been hidden....................
You can't read the all page of ebook, please click
here
login for view all page.
Day Mode
Cloud Mode
Night Mode
Reset