Showing posts with label Content. Show all posts
Showing posts with label Content. Show all posts

Marquee Scrolling Text

Most scrolling text is catchy to the eye, however try not to use too many of these scrollers, they tend to slow the page load time down if used in excess.

Here are the Marquee open and close tags:
<marquee> and </marquee>

This a Marquee with a Background Color, look below for more attributes

So now we've got an idea of what to do to scroll the text, here are some more attributes to change the content of the marquee:

direction="right" Use left, right, up or down to specify which direction to scroll

height="25" Defines the height of the Marquee

width="200" Defines the width to span the Marquee

behavior="alternate" Defines the type of trick the Marquee will use. There is another behavior besides alternate, its "slide" This causes the text to scroll in and stop as if it were sliding. Alternate simply bounces the text back and forth. This attribute is not required to define a direction.

scrolldelay="200" Sets an amount in Micro Seconds to slow the Marquee down.

scrollamount="200" Sets an amount in Micro Seconds to speed the Marquee up.

You can also embed images into a Marquee, simply place the image code between the Marquee tags and specify how you want it to scroll.

Example Script:

<html>
<head>
<title>
Your Page Name Here
</title>

</head>
</body bgcolor="white">

 

 <marquee direction ="left" scrolldelay="200"> Text or Images Here </marquee>
 

</body>
</html>


Centering Tag

There is a very easy way to get different types of content to Center on a page, this same feature can be used to Center several different objects together. here are the Tags:

<center> and </center> are the open and close Tags for centering content. Everything in between these Tags will all be centered to collectively.

These Tags can be used in various places such as Tables or just the open space area of the document. Also, more than one set of these tags can be used in a single script. 

Example Script:

<html>
<head>
<title>
Your Page Name Here
</title>

</head>
</body bgcolor="white">

 
<center> Page Content </center>  

</body>
</html>


Lists

Here is an example of a list layout:

Store List


  • Coffee

  • Milk

Lists are a simple set of tags. One set of tags opens and closes the List area, while the listed items only need a single Tag to drop down to the next item in the list. There are two kinds of Lists; the first is an unordered list and the second is an ordered list. here are the Tags:

<ul>
 <li> Item 
 <li> Item 
 <li> Item 
</ul>


<ol>
 <li>
1. Item
 <li>
2. Item
 <li>
3. Item
</ol>

Copy and Paste these codes in the BODY area of your Script.


Headings

<h1> and </h1> Tags create a Header. The number controls the size, 1 being the largest and 6 being the smallest.


Example Script:

<html>
<head>
<title>
Your Page Name Here
</title>

</head>
</body bgcolor="white">

 
<h6>Welcome To My Page.</h6>  

</body>
</html>