Tham khảo tài liệu 'tự học html và css trong 1 giờ - part 26', công nghệ thông tin, đồ họa - thiết kế - flash phục vụ nhu cầu học tập, nghiên cứu và làm việc hiệu quả | 226 lesson 9 Adding Images Color and Backgrounds the second night we tried keeping guard. We tried bright lights dogs everything. There was always something that pulled us away and by the time we got back they were all gone. p Figure shows the result in a browser. Output FIGURE Line break to a clear margin. Adjusting the Space Around Images With the capability to wrap text around an image you also might want to add some space between the image and the text that surrounds it. In the previous lesson you learned how to manage the whitespace around elements using CSS padding and margins. When you re creating new pages you should use CSS. Before CSS the vspace and hspace attributes enabled you to make these adjustments and you may still see people use them. Both take values in pixels vspace controls the space above and below the image and hspace controls the space to the left and the right. Note that the amount of space you specify is added on both sides of the image. For example if you use hspace i0 10 pixels of space will be added on both the left and right sides of the image. It s the equivalent of the CSS padding-left I0px and padding-right I0px. NOTE__ The vspace and hspace attributes for the img tag are not included in HTML5. You should use the margin and padding CSS properties instead. Download from Images and Text 227 The following HTML code displayed in Figure illustrates two examples. The upper example shows default horizontal and vertical spacing around the image and the lower example shows the effect produced by the hspace and vspace attributes. Both images use the align left attribute so that the text wraps along the left side of the image. However in the bottom example the text aligns with the extra space above the top of the image added with the vspace attribute . Input p img src align left p p This is an eggplant. We intend to stay a good ways away from it because we really don t like eggplant very much. p p
