246996016-HTML5-Step-by-Step

Recommendations

Info

images. See graphics (images) 375 defin ng font s zes 108 WCAG gu de nes 355 section (HTML documents) construct ng sty e ru es 87 creat ng 15 16 CSS code n 85 defined 366 red rect ng operat ons and 181 tag 291 sect on n 86 height attribute app y ng sty es 58 contro ng mage s ze 150 tag 310 mu t med a support 277, 278 spec fy ng tab e s ze 212, 215 hexadecimal color values 60, 108 tag 27 hierarchical functions 296 horizonal alignment for tab e ce s 247 horizontal alignment for paragraphs 135 137 horizontal lines nsert ng 57 59, 169 mov ng 148 text based nav gat on bars 167 hotspots 174 .hover() function 298 hover pseudo-class 97 href attribute hyper nks to e ma addresses 72 hyper nks to Web pages 68 tag 58 .html file extension 324 HTML4 about xx DOCTYPE tag and 14 <strong>HTML5</strong> about xx add t ona nformat on xx cod ng n xx deprecated tags 58 DOCTYPE tag and 14 Express on Web and 322 tags added n 363 tags removed n 364 HTML documents. See also section (HTML documents); section (HTML documents); Web pages defined x x ed t ng 10 11 ne breaks n 17 19 metatags and 15, 19 21, 367 page t t e 15, 19 21, 366, 367 paragraphs n 17 19 p ac ng forms n 252 sett ng up structure 13 23 spec fy ng type 14 HTML (Hypertext Markup Language) choos ng vers ons xx defined xv, x x, 366 mu t med a support 273 277 system requ rements xx v tag about 15 16 WCAG gu de nes 356 hyperlinks abso ute paths and 69 act vat ng 67 to anchors 75 app y ng sty es to 96 98 breadcrumbs 365 defined xx, 366 to e ma addresses 71 75 to externa sty e sheets 98 100 to fi es 78 80 from graph cs 153 155, 174 nsert ng 340 343 mu t med a support 273 nav gat on bars and 165, 166, 367 to non HTML content 78 80 part a paths/fi enames 68 to p ctures 78 re at ve paths and 69 ScreenT ps for 72 sett ng target w ndows 70 under n ng and 115 v s ted 96, 368 WCAG gu de nes 354 to Web pages 68 71 Hypertext Markup Language. See HTML (Hypertext Markup Language) I id attribute about 94 creat ng d v s ons 188 d v e ement 295 mage maps 177 ID (identifier) creat ng for app y ng sty es 93 96 defined 93, 366 if conditional 301 image maps creat ng 174 180 defined 174, 366 WGAC gu de nes 354 images. See graphics (images)
376 images folder, importing images folder, importing 328–333 tag about xx add ng figure capt ons 158 a t attr bute 158 graph ca nav gat on bars and 172 he ght attr bute 150 hyper nk ng graph cs 153 src attr bute xx usermap attr bute 178 w dth attr bute 150 importing images folder 328–333 indentation defined 126, 366 keyboard shortcuts 52 nonbreak ng space and 56 paragraph formatt ng 126 129 readab ty and 49 remov ng unwanted 129 WCAG gu de nes 356 index.htm page 68 inline quotations 38 inline spans creat ng 117 119 defined 117, 366 tag checked attr bute 260 max attr bute 267 max ength attr bute 254 m n attr bute 267 name attr bute 253, 260 p aceho der attr bute 256 requ red attr bute 254 s ze attr bute 254 type attr bute 253, 254, 259 va ue attr bute 255, 256, 259, 267 Insert Hyperlink command 340 inserting graph cs 144 147, 328 333 hor zonta nes 57 59, 169 hyper nks 340 343 nonbreak ng spaces 56, 169 spec a characters 55 57 tag 115 Internet Explorer aud o/v deo support 272, 274, 275, 279, 282 configur ng v ews n 40 44 d sp ay ng tab e borders 234 extended co ors 61 FTP connect ons 22 prev ew ng Web pages n 8 10 re at ve font s zes and 108 text wrapp ng n tab es 217 togg ng status bar 74 WCAG gu de nes 356 interpreted programming languages xix, 366 iPhone browser aud o/v deo support 272 e ma addresses and 254 tag 364 tag app y ng formatt ng 29 31 sty e sheets and 111 italic style, applying formatting 29–45, 111–123 J Java applets 358 JavaScript about 288 add t ona nformat on 303 ca ng funct ons w th 297 canvas e ement and 288 tag and 303 event hand ng and 292, 298 fi Rect funct on 304 getContext() funct on 304 getE ementBy d() method 291 getE ements<strong>by</strong>TagName() method 291 showA ert() funct on 297 strokeRect funct on 304 sty e() funct on 291 us ng on Web pages 289 292 va dat ng Web forms 300 303 WCAG gu de nes 357 Web browsers and 292 JPEG (Joint Photographic Experts Group) format compar sons 143 graph ca nav gat on bars and 171 transparency cons derat ons 198 jQuery about 289, 292 .addC ass() funct on 301 add t ona nformat on 303 .c ck() funct on 298, 307 down oad ng 293 event hand ng and 298 .fadeOut() funct on 296 .hover() funct on 298 prepar ng for 294 .ready() funct on 294, 298, 302 .removeC ass() funct on 301 se ect ng e ements 295 297 .subm t() funct on 298, 303 .va () funct on 301 va dat ng Web forms 300 303
Page 2 and 3:
HTML5 Step by Step Faithe Wempen
Page 4:
To Margaret iii
Page 7 and 8:
vi Contents 2 Setting Up the Docume
Page 9 and 10:
viii Contents Part 3 9 Displaying G
Page 11 and 12:
x Contents Embedding Video Clips .
Page 14:
Acknowledgments Thank you to the wo
Page 17 and 18:
xvi Introduction (Please note that
Page 19 and 20:
xviii Introduction A new browser wi
Page 21 and 22:
xx What Is HTML? To understand how
Page 23 and 24:
xxii What Is HTML? Simply put, it
Page 25 and 26:
xxiv What Is HTML? A slightly longe
Page 27 and 28:
xxvi Using the Practice Files Chapt
Page 29 and 30:
Getting Help Every effort has been
Page 31 and 32:
xxx Conventions and Features in Thi
Page 33 and 34:
Chapter at a G ance Open a Web page
Page 35 and 36:
4 Chapter 1 Note You may run into v
Page 37 and 38:
6 Chapter 1 SET UP Open Notepad. 1.
Page 39 and 40:
8 Chapter 1 For beginners, though,
Page 41 and 42:
10 Chapter 1 The file opens in Inte
Page 43 and 44:
Chapter at a G ance Create the HTML
Page 45 and 46:
14 Chapter 2 Specifying the Documen
Page 47 and 48:
16 Chapter 2 2. In the Notepad wind
Page 49 and 50:
18 Chapter 2 Note In XHTML, the lin
Page 51 and 52:
20 Chapter 2 Note Not all search en
Page 53 and 54:
22 Chapter 2 Publishing a File to a
Page 55 and 56:
Chapter at a G ance Create head ngs
Page 57 and 58:
26 Chapter 3 This chapter introduce
Page 59 and 60:
28 Chapter 3 Dog Agility Club of In
Page 61 and 62:
30 Chapter 3 Note HTML also allows
Page 63 and 64:
32 Chapter 3 CLEAN UP Close the Not
Page 65 and 66:
34 Chapter 3 The tag can also come
Page 67 and 68:
36 Chapter 3 10. Close the poemtext
Page 69 and 70:
38 Chapter 3 The tag has a cite
Page 71 and 72:
40 Chapter 3 CLEAN UP Close the Not
Page 73 and 74:
42 Chapter 3 6. On the General tab,
Page 75 and 76:
44 Chapter 3 11. Open the poem file
Page 77 and 78:
Chapter at a G ance Create bu eted
Page 79 and 80:
48 Chapter 4 divisions in Chapter 1
Page 81 and 82:
50 Chapter 4 On a Web page, it woul
Page 83 and 84:
52 Chapter 4 3. After the first ite
Page 85 and 86:
54 Chapter 4 Creating Definition Li
Page 87 and 88:
56 Chapter 4 name or an entity numb
Page 89 and 90:
58 Chapter 4 To add a horizontal li
Page 91 and 92:
60 Chapter 4 Choosing Background an
Page 93 and 94:
62 Chapter 4 SET UP Use the foliage
Page 95 and 96:
64 Chapter 4 If you specify a backg
Page 97 and 98:
Chapter at a G ance Hyper nk to a W
Page 99 and 100:
68 Chapter 5 Practice Files Before
Page 101 and 102:
70 Chapter 5 When creating a link t
Page 103 and 104:
72 Chapter 5 E-mail hyperlinks are
Page 105 and 106:
74 Chapter 5 Note The full text of
Page 107 and 108:
76 Chapter 5 To refer to the anchor
Page 109 and 110:
78 Chapter 5 Hyperlinking to Other
Page 111 and 112:
80 Chapter 5 4. In Internet Explore
Page 114 and 115:
Part 2 Style Sheets and Graphics 6
Page 116 and 117:
6 Introduction to Style Sheets In t
Page 118 and 119:
Constructing Style Rules 87 ul { l
Page 120 and 121:
Constructing Style Rules 89 2. In N
Page 122 and 123:
Creating Styles for Nested Tags 91
Page 124 and 125:
Creating Classes and IDs for Applyi
Page 126 and 127:
Creating Classes and IDs for Applyi
Page 128 and 129:
Applying Styles to Hyperlinks 97 Yo
Page 130 and 131:
Creating and Linking to External St
Page 132 and 133:
Key Points 101 ● ● ● ● ●
Page 134 and 135:
7 Formatting Text by Using Style Sh
Page 136 and 137:
Specifying a Font Family 105 Note I
Page 138 and 139:
Specifying a Font Size and Color 10
Page 140 and 141:
Specifying a Font Size and Color 10
Page 142 and 143:
Applying Bold and Italics 111 6. Sa
Page 144 and 145:
Applying Bold and Italics 113 In th
Page 146 and 147:
Applying Strikethrough and Underlin
Page 148 and 149:
Creating Inline Spans 117 Creating
Page 150 and 151:
Adjusting Spacing Between Letters 1
Page 152 and 153:
Adjusting Spacing Between Letters 1
Page 154 and 155:
Key Points 123 Key Points ● ●
Page 156 and 157:
8 Formatting Paragraphs by Using St
Page 158 and 159:
Indenting Paragraphs 127 In contras
Page 160 and 161:
Indenting Paragraphs 129 It is inde
Page 162 and 163:
Applying a Border to a Paragraph 13
Page 164 and 165:
Applying a Border to a Paragraph 13
Page 166 and 167:
Specifying the Horizontal Alignment
Page 168 and 169:
Specifying Vertical Space within a
Page 170 and 171:
Page 172 and 173:
9 Displaying Graphics In this chapt
Page 174 and 175:
Preparing Graphics for Web Use 143
Page 176 and 177:
Inserting Graphics 145 To refer to
Page 178 and 179:
Arranging Elements on the Page 147
Page 180 and 181:
Controlling Image Size and Padding
Page 182 and 183:
Controlling Image Size and Padding
Page 184 and 185:
Hyperlinking from Graphics 153 Note
Page 186 and 187:
Using Thumbnail Graphics 155 Mouse
Page 188 and 189:
Using Thumbnail Graphics 157 2. S
Page 190 and 191:
Adding Figure Captions 159 If the b
Page 192:
Page 195 and 196:
Chapter at a G ance Create a text-b
Page 197 and 198:
166 Chapter 10 Planning Your Site
Page 199 and 200:
168 Chapter 10 Tip When you place a
Page 201 and 202:
170 Chapter 10 7. Set the margin fo
Page 203 and 204:
172 Chapter 10 button you like, and
Page 205 and 206:
174 Chapter 10 Creating an Image Ma
Page 207 and 208:
176 Chapter 10 287,71 188,267 314,4
Page 209 and 210:
178 Chapter 10 Just as with hyperli
Page 211 and 212:
180 Chapter 10 Note Even thou
Page 213 and 214:
182 Chapter 10 After five seconds,
Page 215 and 216:
Chapter at a G ance Create d v s on
Page 217 and 218:
186 Chapter 11 Practice Files Befor
Page 219 and 220:
188 Chapter 11 Creating Divisions Y
Page 221 and 222:
190 Chapter 11 Creating an HTML5 Se
Page 223 and 224:
192 Chapter 11 Positioning Division
Page 225 and 226:
194 Chapter 11 You can combine posi
Page 227 and 228:
196 Chapter 11 9. (Optional) Experi
Page 229 and 230:
198 Chapter 11 There are several pr
Page 231 and 232:
200 Chapter 11 5. In the default.cs
Page 233 and 234:
202 Chapter 11 12. Save the file. 1
Page 235 and 236:
Chapter at a G ance Create a tab e,
Page 237 and 238:
206 Chapter 12 The most popular use
Page 239 and 240:
208 Chapter 12 The number of column
Page 241 and 242:
210 Chapter 12 5. Save the file, an
Page 243 and 244:
212 Chapter 12 Alternatively, you c
Page 245 and 246:
214 Chapter 12 An alternative appro
Page 247 and 248:
Page 249 and 250:
218 Chapter 12 You can also specify
Page 251 and 252:
Page 253 and 254:
222 Chapter 12 The preceding code c
Page 255 and 256:
224 Chapter 12 CLEAN UP Close the N
Page 257 and 258:
226 Chapter 12 2. In Notepad, inser
Page 259 and 260:
228 Chapter 12 CLEAN UP Close the N
Page 261 and 262:
Chapter at a G ance App y tab e bor
Page 263 and 264:
232 Chapter 13 Applying Table Borde
Page 265 and 266:
234 Chapter 13 As shown in the foll
Page 267 and 268:
236 Chapter 13 that govern all inst
Page 269 and 270:
238 Chapter 13 3. Open products.htm
Page 271 and 272:
240 Chapter 13 9. Remove the border
Page 273 and 274:
242 Chapter 13 If the image is smal
Page 275 and 276:
244 Chapter 13 4. In Notepad, in th
Page 277 and 278:
246 Chapter 13 Setting Cell Padding
Page 279 and 280:
248 Chapter 13 Note Notice that whe
Page 281 and 282:
Chapter at a G ance Create a bas c
Page 283 and 284:
252 Chapter 14 Caution Many Web des
Page 285 and 286:
254 Chapter 14 You can specify a wi
Page 287 and 288:
256 Chapter 14 Many Web designers f
Page 289 and 290:
258 Chapter 14 8. Add another row a
Page 291 and 292:
260 Chapter 14 By default, check bo
Page 293 and 294:
262 Chapter 14 6. Fill out the form
Page 295 and 296:
264 Chapter 14 If the list’s choi
Page 297 and 298:
266 Chapter 14 7. After the closing
Page 299 and 300:
268 Chapter 14 Understanding CGI an
Page 301 and 302:
Chapter at a G ance P ay a v deo, p
Page 303 and 304:
272 Chapter 15 What’s New with Au
Page 305 and 306:
274 Chapter 15 There is also a new
Page 307 and 308:
276 Chapter 15 Note A compression a
Page 309 and 310:
278 Chapter 15 Not surprisingly, yo
Page 311 and 312:
280 Chapter 15 SET UP Use the winte
Page 313 and 314:
282 Chapter 15 Note If a security w
Page 315 and 316:
284 Chapter 15 SET UP Use the index
Page 317 and 318:
Chapter at a G ance Add JavaScr pt
Page 319 and 320:
288 Chapter 16 You add a canvas ele
Page 321 and 322:
290 Chapter 16 SET UP Open Notepad.
Page 323 and 324:
292 Chapter 16 Keeping JavaScript A
Page 325 and 326:
294 Chapter 16 However, as just not
Page 327 and 328:
296 Chapter 16 You can also select
Page 329 and 330:
298 Chapter 16 You call the functio
Page 331 and 332:
300 Chapter 16 Validating a Web For
Page 333 and 334:
302 Chapter 16 The CSS style might
Page 335 and 336:
304 Chapter 16 To draw on the canva
Page 337 and 338:
306 Chapter 16 Viewing this page in
Page 339 and 340:
308 Chapter 16 }); for (i = 0; i
Page 341 and 342:
310 Chapter 16 Including External C
Page 344 and 345:
Part 4 Other Ways to Create HTML Co
Page 346 and 347:
17 HTML and Microsoft Expression We
Page 348 and 349:
Exploring the Expression Web Interf
Page 350 and 351:
Exploring the Expression Web Interf
Page 352 and 353:
Creating Web Sites and Web Pages 32
Page 354 and 355:
Creating Web Sites and Web Pages 32
Page 356 and 357: Create a Page by Using a CSS Templa
Page 358 and 359: Create a Page by Using a CSS Templa
Page 360 and 361: Insert Graphics 329 the site. One e
Page 362 and 363: Insert Graphics 331 Drag each butto
Page 364 and 365: Formatting Text 333 Note The Masthe
Page 366 and 367: Formatting Text 335 5. In the Prope
Page 368 and 369: Formatting Text 337 19. Click OK to
Page 370 and 371: Formatting a Division 339 4. Drag t
Page 372 and 373: Inserting Hyperlinks 341 ● ●
Page 374: Key Points 343 14. Click OK. The hy
Page 378 and 379: A Designing for Usability Although
Page 380 and 381: Designing a Consistent Page Templat
Page 382: Performing Usability Testing 351
Page 385 and 386: 354 Appendix B To plan for these li
Page 387 and 388: 356 Appendix B ● ● Ensure that
Page 389 and 390: 358 Appendix B ● ● ● Avoid fl
Page 391 and 392: 360 Appendix B Guideline 12: Provid
Page 394 and 395: C Tags Added and Removed in HTML5 T
Page 396 and 397: Glossary absolute path Paths that c
Page 398 and 399: Glossary 367 logical tag See descri
Page 400 and 401: Index Symbols ¢ (cent) 56 £ (poun
Page 402 and 403: compiled programming languages 371
Page 404 and 405: .flv file extension 373 b ock eve 1
Page 408 and 409: navigational aids 377 K tag about
Page 410 and 411: tag 379 paragraphs. See also tag a
Page 412 and 413: text boxes 381 style sheets. See al
Page 414 and 415: word spacing 383 VLC media player 2
Page 416 and 417: About the Author Faithe Wempen, M.A
show all

246996016-HTML5-Step-by-Step

Create successful ePaper yourself

Delete template?

Save as template?