MMDT1021 Chapter 5 Notes - page 9

 

Wrapping text around images (Alignment)

Code Page
An example page using all align values. Result
Source

 

Stopping Text Wrap

Without any 'clear' attribute in the <br> tag.
Code Result
<img src="world.jpg" width="137" height="145" alt="Globe image"  align="left" />
<h1>Big Text</h1>
<br />
This is some regular text. This is some regular text. This is some regular text. This is some regular text. This is some regular text. This is some regular text.
Globe image

Big Text


This is some regular text. This is some regular text. This is some regular text. This is some regular text. This is some regular text. This is some regular text.

 

With a 'clear' attribute in the <br> tag between the <h1> tag and other text.
Code Result
<img src="world.jpg" width="137" height="145" alt="Globe image" align="left" />
<h1>Big Text</h1>
<br clear="all" />
This is some regular text. This is some regular text. This is some regular text. This is some regular text. This is some regular text. This is some regular text.
Globe image

Big Text


This is some regular text. This is some regular text. This is some regular text. This is some regular text. This is some regular text. This is some regular text.

 

With a 'clear' attribute in the <br> tag before the <h1> tag.
Code Result
<img src="world.jpg" width="137" height="145" alt="Globe image" align="left" />
<br clear="all" />
<h1>Big Text</h1>
This is some regular text. This is some regular text. This is some regular text. This is some regular text. This is some regular text. This is some regular text.
Globe image

Big Text

This is some regular text. This is some regular text. This is some regular text. This is some regular text. This is some regular text. This is some regular text.