| |
| |
| |
Getting Started with HTML5 and Web Pages | |
| |
| |
Internet Basics | |
| |
| |
Introducing HTML5 | |
| |
| |
Explore Web Browsers | |
| |
| |
Explore HTML Editors | |
| |
| |
Understanding HTML5 Syntax | |
| |
| |
New Features in HTML5 | |
| |
| |
View HTML5 Code in a Browser | |
| |
| |
| |
Creating Your First HTML5 Web Page | |
| |
| |
Understanding HTML5 Document Structure | |
| |
| |
Start an HTML5 Document | |
| |
| |
Save an HTML5 Document | |
| |
| |
View an HTML5 Page | |
| |
| |
Add Metadata | |
| |
| |
| |
Adding and Modifying Text | |
| |
| |
Create a New Paragraph | |
| |
| |
Add a line Break | |
| |
| |
Add a line Break Opportunity | |
| |
| |
Add a Horizontal Rule | |
| |
| |
Insert a Blank Space | |
| |
| |
Make Text Bold | |
| |
| |
Italicize Text | |
| |
| |
Insert Preformatted Text | |
| |
| |
Insert a Heading | |
| |
| |
Add a Block Quote | |
| |
| |
Add Small Print | |
| |
| |
Insert a Comment | |
| |
| |
Create a Numbered List | |
| |
| |
Create a Bulleted List | |
| |
| |
Create a Nested List | |
| |
| |
Create a Definition List | |
| |
| |
Define an Abbreviation | |
| |
| |
Add a Date and Time | |
| |
| |
Insert Special Characters | |
| |
| |
Special Characters | |
| |
| |
| |
Adding CSS Styles | |
| |
| |
Understanding Style Sheets | |
| |
| |
Create an Internal Style Sheet | |
| |
| |
Create an External Style Sheet | |
| |
| |
Link to a Style Sheet | |
| |
| |
Apply a Style Locally | |
| |
| |
Apply a Style to a Tag | |
| |
| |
Apply a Style Using a Class | |
| |
| |
Apply a Style Using an ID | |
| |
| |
Link to Media-specific Style Sheets | |
| |
| |
Link to Style Sheets for iPads, iPhones, and Android Phones | |
| |
| |
Define Styles for Nested Tags | |
| |
| |
| |
Styling Text | |
| |
| |
Change the Font She | |
| |
| |
Indent Text | |
| |
| |
Change the Color of Text | |
| |
| |
Change the Font | |
| |
| |
Change Text Alignment | |
| |
| |
Change the Text Case | |
| |
| |
Control line Spacing | |
| |
| |
Control Letter Spacing | |
| |
| |
Add Background Colors | |
| |
| |
Style a Bulleted list | |
| |
| |
| |
Adding Images | |
| |
| |
Understanding Web Page Images | |
| |
| |
Insert an Image | |
| |
| |
Specify an Image Size | |
| |
| |
Add Alternative Text | |
| |
| |
Create an Image Label | |
| |
| |
Add an Image as a Figure | |
| |
| |
Align an Image Horizontally | |
| |
| |
Align an Image Vertically | |
| |
| |
Center an Image | |
| |
| |
Stop Text Wrap | |
| |
| |
Add Space around an Image | |
| |
| |
Add a Background Image | |
| |
| |
Add a Meter Image | |
| |
| |
| |
Adding Links | |
| |
| |
Understanding Links | |
| |
| |
Understanding URLs | |
| |
| |
Link to Another Page | |
| |
| |
Open a New Window with a Link | |
| |
| |
Link to an Area on the Same Page | |
| |
| |
Link to Another File Type | |
| |
| |
Link to an E-Mail Address | |
| |
| |
Change Link Colors | |
| |
| |
Change Link Hover Effects | |
| |
| |
Define Link Relationships | |
| |
| |
| |
Working with Tables | |
| |
| |
Understanding Table Structure | |
| |
| |
Add a Table | |
| |
| |
Add Table Borders | |
| |
| |
Adjust Cell Padding and Border Spacing | |
| |
| |
Adjust Cell Width and Height | |
| |
| |
Add Column Labels | |
| |
| |
Add a Caption to a Table | |
| |
| |
Add a Background Color to Cells | |
| |
| |
Add a Background Color to a Table | |
| |
| |
Adjust the Table Size | |
| |
| |
Change Cell Alignment | |
| |
| |
Change Table Alignment | |
| |
| |
Extend Celts Across Columns and Rows | |
| |
| |
Use a Table for Page layout | |
| |
| |
| |
Creating Forms | |
| |
| |
Understanding Forms | |
| |
| |
Types of Form Elements | |
| |
| |
Create a Form | |
| |
| |
Send Form Data to an E-Mail Address | |
| |
| |
Add a Text Box | |
| |
| |
Add a Large Text Area | |
| |
| |
Add Check Boxes | |
| |
| |
Add Radio Buttons | |
| |
| |
Add a Menu List | |
| |
| |
Add a Date and Time Input | |
| |
| |
Add an E-Mail Field | |
| |
| |
Add a URL Field | |
| |
| |
Add a Range Slider | |
| |
| |
Add a File Upload | |
| |
| |
Add a Submit Button | |
| |
| |
Add a Reset Button | |
| |
| |
Require a Field | |
| |
| |
Add a Placeholder | |
| |
| |
Validate Input with a Pattern | |
| |
| |
| |
Controlling Page Layout | |
| |
| |
Control layout | |
| |
| |
Set Width and Height for an Element | |
| |
| |
Use Relative Positioning | |
| |
| |
Use Absolute Positioning | |
| |
| |
Use Fixed Positioning | |
| |
| |
Set Margins | |
| |
| |
Add Padding | |
| |
| |
Align Elements Horizontally | |
| |
| |
Control the Overlap of Elements | |
| |
| |
Apply Styles with a <div> Tag | |
| |
| |
| |
Adding Semantic Tags | |
| |
| |
Define a Section | |
| |
| |
Define an Article | |
| |
| |
Define a Header | |
| |
| |
Define Navigation | |
| |
| |
Define an Aside | |
| |
| |
Define a Footer | |
| |
| |
| |
Working with JavaScript | |
| |
| |
Understanding JavaScript | |
| |
| |
Understanding Script Events and Handlers | |
| |
| |
Add JavaScript to a Web Page | |
| |
| |
Link to a JavaScript File | |
| |
| |
Insert the Current Date and Time | |
| |
| |
Display an Alert Message Box | |
| |
| |
Display a Pop-Up Window | |
| |
| |
Create an Image Rollover Effect | |
| |
| |
Show a Hidden Element | |
| |
| |
Change Page Content | |
| |
| |
Display a Calculation | |
| |
| |
| |
Adding Canvases | |
| |
| |
Understanding Canvases | |
| |
| |
Set Up a Canvas | |
| |
| |
Draw Rectangles | |
| |
| |
Draw Circles | |
| |
| |
Draw Lines | |
| |
| |
Add Text | |
| |
| |
Add an Image | |
| |
| |
Slice an Image | |
| |
| |
Add a Gradient | |
| |
| |
Rotate Canvas Content | |
| |
| |
Animate Canvas Content | |
| |
| |
| |
Adding Video and Audio | |
| |
| |
Understanding Video and Audio | |
| |
| |
Insert a Video File | |
| |
| |
Insert an Audio File | |
| |
| |
Resize a Video | |
| |
| |
Preload Multimedia | |
| |
| |
Loop Multimedia | |
| |
| |
Offer Multiple Sources | |
| |
| |
Support Older Browsers | |
| |
| |
Embed a YouTube Video | |
| |
| |
| |
Publishing Your Web Pages | |
| |
| |
Understanding Web Page Publishing | |
| |
| |
Look Up a Domain Name | |
| |
| |
Transfer Files to a Web Server with FileZilla | |
| |
| |
Troubleshoot Your Web Pages | |
| |
| |
HTML Reference | |
| |
| |
Index | |