OUTPUT
Figure 7.5 IMAGE CAN GO ANYWHERE IN TEXT.
TEXT AND IMAGE ALIGNMENT
In these examples, the bottom of the image and the bottom of the text match up. The <img> tag also includes the ling attribute, which enables you to align the top or bottom of the image with the surrounding text or other images in the line.
NOTE
The align attribute for the <img> tag is deprecated in HTML 4.01 in favor of using style sheet attributes. You’ll learn more about style sheets in Lesson 9, “creating layouts with CSS”.
Standard html defines three basic value for align:
Align =”top”
Aligns the top of the image with the topmost part of the line(which may be the top of the text or the top of another image)
Align =”middle”
Aligns the center of the imager with the middle of the line (usually the baseline of the line of text, not the actual middle of the line).
Align = “bottom”
Aligns the bottom of the image with the bottom of the line of text.
HTML 3.2 provides two other values: left and right. These values are discussed in the next section, “wrapping text Next to Images.”
Figure 7.6 shows the Robert bridges poem from the previous section with the world image unaligned, the sun image aligned to the top of the line, the star image aligned to the middle, and the atom aligned to the bottom of the text.
INPUT
<Block quote>
Love, from whom the world
<img src =”world, dif” alt =”world”/> begun, <br />
Hath the secret of the sun.
<img src =”sun. fif” alt =”sun” align = “top “/> <br/>
Love can tell, and love alone, whence the million stars
<img src “star. Gif” alt = “star” align=”middle”/>
Were strewn <nr/>
Why each atom
<img sc =”atom. Gif” alt = “atom: align =”bottom :/>
<Block quote>
No comments:
Post a Comment