Categories


10 Basic HTML Actions, Part 2

Continuing our discussion on basic HTML  with items ‘6 through 10′ of our ’10 Basic’ HTML actions –  what they do and what to call them should you want to look them up either online or in a reference book.   [Part 1 ]

6.  Want to have ‘scrolling’ text on the page without using JAVA?

You can use ‘Marquee’ tags to accomplish this. When using a marquee tag you can define the following attributes:

  • Type (scroll continues across the page and disappears; slidestarts at one side of the screen and stops when it reaches the other side; alternatetext starts at one side and bounces back when it reaches the other side. )
  • Direction – which side the text starts from
  • Loop – number of times the text will pass across
  • Scrollmount – amount of space left between each pass
  • Scrolldelay – how much time before text scrolls again
  • Height
  • Width
  • Horizontal space
  • Vertical Space
  • Align
  • Background color

Sample Scroll 

Note: I’ve used this method for small graphics but do not recommend it for large images as it would take too long to load.

7.  Want to make an image change when a visitor points at it?

This is called a ‘rollover’. To accomplish this you can use a tag to show the alternate image and a to return them to the original image. To use this code, you would replace the location and name of the image with your own image location and name.

8.  Want to keep a string of text or numbers together . . . all on the same line?

This is easily done by placing a ‘no return’ tag at the beginning of the text string and a tag at the end.

Example: 202-123-4567, PO Box 123, NY, NY 11229

All of the information above between the ‘nobr’ tags will stay on one line. This is effective for telephone number, long URL’s, item numbers or anything else you don’t want split.  

9.  Want to change how your website displays?

This can be accomplished through the ‘sytle’ tag –

10.  Want to display information to the visitor via a text link?

This is accomplished through the use of a ‘title‘ tag. If you are using an image for a link it’s easy to add the “ALT= ” tag to give information either about the image or the link to the visitor. The information in the “ALT= ”  tag will be displayed when the cursor is over the image.  However, if you are using text links, you will need to use the ‘title‘ tag within the anchor link code to get your message across.

For example,

Link Text Here

. . . lets the visitor know that when they click on the link “This link will open in a new window “.   You can use the ‘title‘ tag for any message you want your visitor to see.

Conclusion

Most of the time, finding information on how to perform actions in HTML is easy. If you want information about tables you look under tables, information about links – look under links…. but sometimes finding how to do a specific action that doesn’t seem related to anything can be confusing. 

If you’re dead serious about learning HTML, the Quick Start Guides by Elizabeth Castro  are a quick, easy learn and a much needed addition to your reference library.


Comments are closed.