Make mark-up language more manageable with this visual guide HTML5 is the next-generation of web standard mark-up language, and among other things, it offers amazing new avenues for incorporating multimedia into your sites. What easier way to master all of HTML5's new bells and whistles than with a guide that shows you, screenshot by screenshot, just what to do? Over a hundred tasks that web designers need to know most are explained using, full-color screenshots and how-to steps. From the easy stuff like revised new header and footer elements to complex updates such as canvas and audio, this guide covers the new, as well as most-commonly used, tags and features.
- Helps you get up to speed on the completely redesigned new HyperText Markup Language, HTML5
- Shows you how to incorporate rich media content into the sites you design, without relying on proprietary software such as Flash
- Explains revisions, from essential structural elements like header and footer to more complex elements such as canvas and audio—over a hundred tasks in all
- Uses easy-to-follow, full-color, two-page tutorials, so you can see step by step how to do tasks and quickly obtain the information you need
Web designers, keep your HTML skills up to date with this "learn-by-seeing," visual guide.
Table of Contents:
Chapter 1 Getting Started with HTML5 and Web Pages. Internet Basics 4
Introducing HTML5 6
Explore Web Browsers 8
Explore HTML Editors 9
Understanding HTML5 Syntax 10
New Features in HTML5 12
View HTML5 Code in a Browser 14
Chapter 2 Creating Your First HTML5 Web Page.
Understanding HTML5 Document Structure 18
Start an HTML5 Document 20
Save an HTML5 Document 24
View an HTML5 Page 26
Add Metadata 28
Chapter 3 Adding and Modifying Text.
Create a New Paragraph 32
Add a Line Break 33
Add a Line Break Opportunity 34
Add a Horizontal Rule 35
Insert a Blank Space 36
Make Text Bold 37
Italicize Text 38
Insert Preformatted Text 39
Insert a Heading 40
Add a Block Quote 41
Add Small Print 42
Insert a Comment 43
Create a Numbered List 44
Create a Bulleted List 46
Create a Nested List 47
Create a Definition List 48
Define an Abbreviation 49
Add a Date and Time 50
Insert Special Characters 52
Special Characters 53
Chapter 4 Adding CSS Styles.
Understanding Style Sheets 56
Create an Internal Style Sheet 58
Create an External Style Sheet 60
Link to a Style Sheet 62
Apply a Style Locally 63
Apply a Style to a Tag 64
Apply a Style Using a Class 66
Apply a Style Using an ID 68
Link to Media-specific Style Sheets 70
Link to Style Sheets for iPads, iPhones, and Android Phones 72
Define Styles for Nested Tags 74
Chapter 5 Styling Text.
Change the Font Size 78
Indent Text 79
Change the Color of Text 80
Change the Font 82
Change Text Alignment 84
Change the Text Case 85
Control Line Spacing 86
Control Letter Spacing 87
Add Background Colors 88
Style a Bulleted List 90
Chapter 6 Adding Images.
Understanding Web Page Images 94
Insert an Image 96
Specify an Image Size 98
Add Alternative Text 100
Create an Image Label 101
Add an Image as a Figure 102
Align an Image Horizontally 104
Align an Image Vertically 105
Center an Image 106
Stop Text Wrap 107
Add Space around an Image 108
Add a Background Image 110
Add a Meter Image 112
Chapter 7 Adding Links.
Understanding Links 116
Understanding URLs 117
Link to Another Page 118
Open a New Window with a Link 120
Link to an Area on the Same Page 122
Link to Another File Type 124
Link to an E-Mail Address 126
Change Link Colors 128
Change Link Hover Effects 130
Define Link Relationships 132
Chapter 8 Working with Tables.
Understanding Table Structure 136
Add a Table138
Add Table Borders 140
Adjust Cell Padding and Border Spacing 142
Adjust Cell Width and Height 144
Add Column Labels 146
Add a Caption to a Table 147
Add a Background Color to Cells 148
Add a Background Color to a Table 149
Adjust the Table Size 150
Change Cell Alignment 152
Change Table Alignment 154
Extend Cells Across Columns and Rows 156
Use a Table for Page Layout 158
Chapter 9 Creating Forms.
Understanding Forms 162
Types of Form Elements 164
Create a Form 166
Send Form Data to an E-Mail Address 167
Add a Text Box 168
Add a Large Text Area 170
Add Check Boxes172
Add Radio Buttons 174
Add a Menu List176
Add a Date and Time Input 178
Add an E-Mail Field 180
Add a URL Field 182
Add a Range Slider 184
Add a File Upload 186
Add a Submit Button 188
Add a Reset Button 189
Require a Field 190
Add a Placeholder 191
Validate Input with a Pattern 192
Chapter 10 Controlling Page Layout.
Control Layout 196
Set Width and Height for an Element 198
Use Relative Positioning 200
Use Absolute Positioning 202
Use Fixed Positioning 204
Set Margins 206
Add Padding 207
Align Elements Horizontally 208
Control the Overlap of Elements 210
Apply Styles with a div Tag 212
Chapter 11 Adding Semantic Tags.
Define a Section 216
Define an Article 218
Define a Header 220
Define Navigation 222
Define an Aside 224
Define a Footer 226
Chapter 12 Working with JavaScript.
Understanding JavaScript 230
Understanding Script Events and Handlers 232
Add JavaScript to a Web Page 234
Link to a JavaScript File 235
Insert the Current Date and Time 236
Display an Alert Message Box 237
Display a Pop-Up Window 238
Create an Image Rollover Effect 240
Show a Hidden Element 242
Change Page Content 244
Display a Calculation 246
Chapter 13 Adding Canvases.
Understanding Canvases 250
Set Up a Canvas 252
Draw Rectangles 254
Draw Circles 256
Draw Lines 258
Add Text 260
Add an Image 262
Slice an Image 264
Add a Gradient 266
Rotate Canvas Content 268
Animate Canvas Content 270
Chapter 14 Adding Video and Audio.
Understanding Video and Audio 276
Insert a Video File 278
Insert an Audio File 280
Resize a Video 282
Preload Multimedia 284
Loop Multimedia 285
Offer Multiple Sources 286
Support Older Browsers 288
Embed a YouTube Video 290
Chapter 15 Publishing Your Web Pages.
Understanding Web Page Publishing 294
Look Up a Domain Name 296
Transfer Files to a Web Server with FileZilla 298
Troubleshoot Your Web Pages 302
HTML Reference 304
Index 312
