OUTPUT FIGURE 7.8 TEXT AND IMAGES ALIGNED.
STOPPING TEXT WRAPPING
What if you want to stop filling in the space and start the next line underneath the image? A normal line break won’t do it; it just breaks the line to the current margin alongside the image’s new paragraph also continues wrapping the \e text alongside the image. To stop wrapping text next to an image, use a line break tag (<br>) with the after the end of the image (all the way to the margin).
The clear attribute can have one of three values:
Left
Break to an empty left margin, for left – aligned images.
Right
Break to an empty right margin, for right – aligned images
All break to aline clear to both margins.
NOTE
THE clear attribute for the <br> tag is deprecated in HTML 4.01. in favor of using style sheer attributes.
For example, the following code snippet shows a picture of a tulip with some text wrapped next to it. a line break with clear = “left” breaks the text wrapping after the heading and restarts the text after the image:
INPUT
<! DOCTYPE html PUBLIC”-//W3C //DTDXHTML 1.0 transitional//EN”
“Http: //www.w3.org/TR/xhtml1/transitional.dtd”>
</Head>
<Body>
<img src =”tulips. Gif” alt =”tulips” align=”left”/>
<h1> mystery tulip murderer strikes </h1>
<br clear =”left”/>
<p>someone, or something, is killing the tulips of new south Haverford, Virginia, residents of this small town are shocked and dismayed by the senseless vandalism that has struck their tiny town. </p?
<p> new south Haverford is known for its extravagant displays of tulips in the springtime, and a good portion of its tourist trade relies on the people who come from as far as neew Hampshire to see what has been estimated as up of two hundred thousand tulips that bloom inAgril and may.</p>
<p> or at least the tourists had been flocking to new south Haverford until last week, when over the course of three days the while the town slept. </p>
No comments:
Post a Comment