How to Wrap Text Around an Image Using HTML Programming
HTML (hypertext markup language) is a computer language used to create Web pages. Whether you are setting up a personal or a business website, learning HTML code is essential for manipulating your page settings. You can wrap text around an image to give your page more appeal. These steps show how to use HTML code to wrap text around your images for display on your page.
Other People Are Reading
Instructions
-
-
1
Start your word processor or text editor that you will use to create your Web page.
-
2
Type "ALIGN=left" inside the image tag, directly after the name of the image, to wrap your text around the right side of your image. Your code should look like the example below:<HTML><HEAD><TITLE>This is your title.</TITLE></HEAD><BODY><H1>This is your welcome text.</H1><IMGSRC=“photo.jpg” ALIGN=left><P>This is your paragraph.</P></BODY></HTML>
-
-
3
Type "ALIGN=right" inside the image tag, directly after the name of the image, to wrap your text around the left side of your image. Your code should look like the example below:<HTML><HEAD><TITLE>This is your title.</TITLE></HEAD><BODY><H1>This is your welcome text.</H1><IMGSRC=“photo2.jpg” ALIGN=right><P>This is your paragraph.</P></BODY></HTML>
-
4
Open your Web browser to verify that your page displays the text correctly around the image. To open your page in the browser, click the "File" button in the menu bar, then click "Open." The Open dialog box appears. Click "Browse" to locate your Web page in the location that it is saved. Choose the page that you want to open. Your page will appear in your browser.
-
1
Tips & Warnings
You should open your Web page in several browsers to see how each browser will display it.
