| |
| |
| |
| 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 | |