HTML Class: Day 4: Fun Text Formatting and More
Hello again, today is the fourth day of HTML Class! Today
we'll be working on fun ways to format text, as well as some other things. Today should be pretty fun; now that you
have the basics down we can move on to more interesting things. Last class, we worked on making
backgrounds with images, how to save good quality GIF pictures, how to create
headers, and how to center text. The assignment from last class was to create a little reference guide
with HTML codes for yourself, and to change your test page a little using the
codes we've learned. Your test page
file should be looking something like this now:
Your file in the browser should
look somewhat like this:
Now that we've reviewed what we
did last class, it's time to learn some codes!
The first code you'll be learning today is the marquee code. A marquee is text that moves, usually from side to side. It's fun to use, but you shouldn't use it too much, because it can be somewhat hard to read, as well as annoying. However, when used properly, it can really enhance your page. The code for a basic marquee is <marquee>Text you want to move around here</marquee>. Sometimes it's nice to be able to customize it more, though, so here is the code with most of the ways you can customize it. <marquee width="width here; the default is 100" height="height here" direction="direction you want the marquee to scroll; left or right" behavior="scroll if you want the default, slide is similar only when the text has gone to the end it stops scrolling, and alternate if you want it to have a bouncing sort of effect" scrolldelay="good for making it slower, but not much of a help for making it faster, 1000 would be one full second delay" scrollamount="the higher the number, the faster the text goes, the default is 6" loop="the amount of times you want it to loop, the default is infinite, and if you don't have the behavior set to slide, the text will disappear after the chosen number of loops" bgcolor="sets the background color for the text behind where the marquee goes">text here</marquee>. You usually wouldn't use all of that, so if you only wanted, say, the bgcolor attribute, you would just code it as <marquee bgcolor="value">text here</marquee>. So, now it's time to add a marquee to our little test file, so open it up. Like most tags, this goes in the body section, so somewhere in the body section, just after the font defining portion would be a good place, add a marquee with whatever text you like. Go ahead; make it as crazy as you want! Now that we've added a marquee, it's time to learn how to do glowing text. The thing with glowing text is that it only shows up as glowing text in Internet Explorer, or at least it doesn't show up in most of the other browsers. For usual glowing text you would use the code <span style="width: 150; height: 50; font-size: 15px; font-family: verdana; color: #ffffff; filter: glow(color=#000000, strength= 10)">the text you want to glow goes here</span>. The bolded text can be changed. If you want to know how to do other sorts of glowing type text, http://lissaexplains.com/fun7.shtml is a good place to look at. So go ahead and add some glowing text. That's all you'll be learning for today, so now it's time for your assignment.
For today's assignment, practice and work on memorizing the codes in your reference guide, and take a look at some of the following sites with HTML tutorials; if you want to, you can add some of the codes you learn to your reference sheet. Here are the sites: http://www.lissaexplains.com http://www.davesite.com/webstation/html http://www.htmlgoodies.com/ http://www.w3schools.com/ You can also do a search for some other HTML help sites if you want to. I would also recommend creating another little reference guide, only this time for various HTML Help sites. Have fun, and see you next time!