tailieunhanh - Learn htML and Css with w3schools phần 4

Thuộc tính phong cách là một thuộc tính HTML mới. Giới thiệu việc sử dụng CSS trong HTML. Mục đích của thuộc tính phong cách cung cấp một cách phổ biến phong cách tất cả các yếu tố HTML. Phong cách đã được giới thiệu với HTML 4 như là cách mới và ưa thích các yếu tố kiểu HTML. Với phong cách HTML | Learn HTML and CSS with w3schools Adjusting Image Sizes The following example shown in Figure demonstrates how to display images in different sizes on the page. The width and height attributes allow the page to render properly and more efficiently before the image is downloaded. Without them the page will render once then re-render when each image is loaded. The image will be scaled to fit the stated height and width. Sometimes this can have a desired effect other times it s disastrous. Try it yourself html body p img src width 20 height 20 p p img src width 45 height 45 p p img src width 70 height 70 p p You can make an image smaller or larger by changing the values of the height and width attributes. p body html You can make an image smaller or larger by changing the values of the height and width attributes. Figure 62 Chapter 10 HTML images alt Attribute The alt attribute is used to define an alternate text for an image. The alt attribute tells the reader what he or she is missing on a page if the browser can t load images. The browser will then display the alternate text instead of the image. The value of the alt attribute is an author-defined text img src alt Big Boat It is a good practice to include alternate text for every image on a page to improve the display and usefulness of your document for people who have text-only browsers. The following example shows what happens when the image file is not available. The results are in Figure . Try it yourself html body p An image img src . alt Site_Under_Construction width 200 height 50 p body html Figure Creating an Image Map The following example demonstrates how to create an image map with clickable regions. Each of the regions is a hyperlink. The results of this example are shown in Figure . Creating a simple image link was covered in Chapter 9 HTML Links . 63 Learn HTML and CSS with w3schools Try it yourself html body p Click on .