Stay Signed In
Do you want to access your site more quickly on this computer? Check this box, and your username and password will be remembered for two weeks. Click logout to turn this off.
Stay Safe
Do not check this box if you are using a public computer. You don't want anyone seeing your personal info or messing with your site.
Although you can use headings to change the font size, sometimes they just aren't the sizes you are looking for. If that's the case, you can turn to the HTML tags for font sizes. There are 7 in total.
Example: <font size="1">This is font size 1.</font>
Outcome: This is font size 1.
Example: <font size="2">This is font size 2.</font>
Outcome: This is font size 2.
Example: <font size="3">This is font size 3.</font>
Outcome: This is font size 3.
Example: <font size="4">This is font size 4.</font>
Outcome: This is font size 4.
Example: <font size="5">This is font size 5.</font>
Outcome: This is font size 5.
Example: <font size="6">This is font size 6.</font>
Outcome: This is font size 6.
Example: <font size="7">This is font size 7.</font>
Outcome: This is font size 7.
These tags are all the general sizes for font in HTML. You can't do much with them when using HTML, but if you want to have control over the sizes and have them turn out exactly as how you want them to then it'd be best to learn CSS.
Changing the color of a font is as simple as changing it's size. But the only thing that I find annoying is the hex code (color code). Hex codes consist of 6 digits of numbers. Every code is different because they each represent a different shade of color. Since there are too many codes to remember, there is a color chart that shows the value of each color.
The HTML line for changing a text color is:
<Font color="#hex code">TEXT</font>
Replace the TEXT with your own text.
Replace the hex code with your own color code.
Similarly, you can also replace the hex code value with a color name. However, this only works for a few basic colors! There are a total of 16 standard colors for which you can specify the name for. These colors are...
-Aqua
- Black
- Blue
- Fuchsia
- Gray
- Green
- Lime
- Maroon
- Navy
- Olive
- Purple
- Red
- Silver
- Teal
- White (Highlight)
- Yellow
Scrolling marquee, also known as scrolling text, is a great way to display your text. It is eye-catching and should be used on important notices, announcements, etc. However, it should not be used to display large amounts of words. Little words will do. Also try not to use it too frequently on one page or it will be too confusing for your visitors.
Here is an example of a scrolling marquee:
The code for a scrolling marquee is:
<marquee>your text</marquee>
You can also change the direction in which the text scrolls.
The code for this right scrolling marquee is:
<marquee direction=right>Hi! This line of text is scrolling to the right!</marquee>
When you look at the code above the only change is the direction. It specifically states in the code that the direction goes right.
There are still some problems that I am having with this marquee.
Firstly, the scrolling is going waay too fast for me to read and it's blinding my eyes.
Secondly, the words are all bunched up together and don't look too appealing.
So now I should try to add more to the code to fix it up.
Here are some attributes that you can add to the marquee to suit your taste. Just like the direction, simply add them onto the list in the coding.
behavior=scroll behavior=slide behavior=alternate
height=# Height of marquee. Unit is in pixels or percentage (%). width=# Width of marquee. Unit is in poxels or percentage (%). loop=# The number of times the marquee will scroll. Infinite will make it scroll forever. scrollamount=# Amount of pixels to scroll. scrolldelay=#Number of milliseconds between the end of a scroll and the start of another.
You can also add color to your marquee if you wish to.
The code for this is:
<marquee bgcolor="black"><font color="white">This scroll of text is white with a black background.</font></marquee>
Back To Graphics Home
