This content was uploaded by our users and we assume good faith they have the permission to share this book. If you own the copyright to this book and it is wrongfully on our website, we offer a simple DMCA procedure to remove your content from our site. Start by pressing the button below!
tag at the beginning of each paragraph and a
tag at the end of each paragraph. 4. Use...
Good night, God bless you,
Go to bed and undress you.
Good night, sweet repose,
Half the bed and all the clothes.
Come on Down!
Oh happy joy I have a page on the Web!
Click here for my other page.tag, you can specify whether the text in that paragraph should be aligned to the left margin, right margin, or center of the page. To align a paragraph to the right margin, you can put align=”right” inside the
tag at the beginning of the paragraph. To center a paragraph, use
. Similarly, the tag to align a paragraph to the left is
. (This is seldom used because paragraphs are always aligned to the left when you use plain old
.) This points out a feature of tag attributes known as the default. There are required attributes for tags, but if an attribute is left out, the system uses the designated default. This is not generally a good idea because being explicit always makes your code easier to read and understand. Also, not everyone knows what the defaults are. The word align is called an attribute of the
tag. You can use the align attribute with just about any HTML tag that contains text, including
If you want to stay compatible with upcoming standards and software, you should always use the following instead:
Keep in mind that sometimes the same attribute word can have different meanings when used with different tags. For instance, you will discover in Hour 9, “Putting Graphics on a Web Page,” that align=”left” does something quite different when used with the image tag than it does with the text tags discussed in this hour.
When you want to set the alignment of more than one paragraph or heading at a time, you can use the align attribute with the
and
and
,
(Don’t worry if you don’t really understand the last line yet. You’ll learn all about the 
. tags between them, the three images all appear on one line and the entire line is centered horizontally in the browser window. FIGURE 9.4 This page contains examples of both horizontal and vertical image alignment, as well as automatic wrapping of text around images.
Putting Graphics on a Web Page
153
FIGURE 9.5 The HTML page listed in Figure 9.4, as it appears in a Web browser.
9
You can also make text wrap around images, as the paragraph around the pictures of Mars and Venus in the lower-middle part of Figure 9.5 does. You do this by including an align attribute within the tag itself, as shown in the fifth and sixth
tags in Figure 9.4.
aligns the image to the left and causes text to wrap around the right side of it. As you’d expect,
aligns the image to the right and causes text to wrap around the left side of it.
154
Hour 9
You can’t use because text won’t wrap around a centered image. You must use
, the align=”middle” will be ignored. There are ways around this limitation, however. In Part IV, “Web Page Design,” you will discover several techniques for positioning text and images exactly where you want them in both horizontal and vertical directions. Q Why do the examples in this book put a slash at the end of every 
immediately after the tag in the HTML text file. 2. Use the following HTML: 
tim’rous beastie
A murder of crows A rafter of turkeys A muster of peacocks
tag, just as you would any GIF image. 2. When you build the animation in Animation Shop, enter 25 as the time delay (in centiseconds). 3. Open the animation in Animation Shop; select Animation, Animation Properties; on the Looping tab choose Play It and enter the number 3. Text goes here.
.) You can also divide an image into regions that link to different documents, depending on where someone clicks. This is called an imagemap, and any image can be made into an imagemap. A Web site with medical information might show an image of the human body and bring up different pages of advice for each body part. A map of the world could enable people to click any country for regional information. Many people use imagemaps to create a navigation bar that integrates icons for each page on their Web site into one cohesive imagemap. Netscape and IE enable you to choose between two different methods for implementing imagemaps. Nowadays, all your imagemaps should be done using the latest method, which is called a client-side imagemap. You might
| tag. | stands for table data; you place the table information between the | and | tags. NEW TERMtag works exactly like a | tag, except | indicates that the cell is part of the heading of the table. Some Web browsers render | and | cells exactly the same, but Netscape Navigator and Microsoft Internet Explorer (version 4 or greater) both display the text in | cells as centered and boldface. You can create as many cells as you want, but each row in a table should have the same number of columns as the other rows. The example in Figures 14.1 and 14.2 shows a simple table using only these four tags. FIGURE 14.1 The
|
|---|
<span style=”margin-left: 60px;”> This is a pretty picture.