Sams Teach Yourself HTML, CSS & JavaScript Web Publishing in One Hour a Day
ptg16476052 216 LESSON 9: Using Images on Your Web Pages First, you’ll write the HTML structure to support the icons. Here, the ...
ptg16476052 Images and Links 217 9 Now add the anchors to the images to activate them: Input ▼ Figure 9.12 shows the result ...
ptg16476052 218 LESSON 9: Using Images on Your Web Pages <style type="text/css"> img { vertical-align: middle; } ul { padd ...
ptg16476052 Other Neat Tricks with Images 219 9 Other Neat Tricks with Images Now that you’ve learned about inline images, image ...
ptg16476052 220 LESSON 9: Using Images on Your Web Pages The second reason to specify the dimensions of an image is to let the b ...
ptg16476052 Image Backgrounds 221 9 CSS provides a number of options for controlling how backgrounds are applied. The background ...
ptg16476052 222 LESSON 9: Using Images on Your Web Pages As you can see, there’s only one background image in the upper-left cor ...
ptg16476052 Image Backgrounds 223 9 You can also specify negative percentages for the background-position tag, if you want to po ...
ptg16476052 224 LESSON 9: Using Images on Your Web Pages If you like, you can also include a background color. Here’s what the n ...
ptg16476052 Using Images as Bullets 225 9 Input ▼ <!DOCTYPE html> Southern Summer Constellations ul { list-style-image: ...
ptg16476052 226 LESSON 9: Using Images on Your Web Pages What Is an Imagemap? Earlier in this lesson, you learned how to create ...
ptg16476052 What Is an Imagemap? 227 9 Determining Your Coordinates Imagemaps consist of two parts; the first is the image used ...
ptg16476052 228 LESSON 9: Using Images on Your Web Pages The Mapedit program for Windows, Linux, and Mac OS X can help you creat ...
ptg16476052 What Is an Imagemap? 229 9 (0,0) (229,66) (333,94) (332,19) (276,19) (263,94) Defining a Circle Figure 9.23 shows ho ...
ptg16476052 230 LESSON 9: Using Images on Your Web Pages Defining a Rectangle Figure 9.24 shows how to obtain coordinates for re ...
ptg16476052 What Is an Imagemap? 231 9 are noted using the coords attribute. For example, the coords attribute for a poly shape ...
ptg16476052 232 LESSON 9: Using Images on Your Web Pages ▼ <map> tag, preceded by a #, should be used as the value of the ...
ptg16476052 What Is an Imagemap? 233 Polygon 9 Circle Rectangle Rectangle FIGURE 9.26 The jukebox with areas defined. Getting Im ...
ptg16476052 234 LESSON 9: Using Images on Your Web Pages Number Type URL Coordinates 4 poly music/home.html 175,152,203,118 220, ...
ptg16476052 What Is an Imagemap? 235 9 <area shape="rect" coords="259,113, 323,134" href="/music/swing.html" alt="Swing and B ...
«
8
9
10
11
12
13
14
15
16
17
»
Free download pdf
