Ready for a website?
Customer Support » Basic HTML
The following is a bare bones, simplified html coding guide for common text alterations on websites.
HTML code generally consists of several tags that must be in pairs. Wrap these around the
text you want to change. Here are some examples:
<b>This is text I want to make bold.</b>
Result: This is text I want to make bold.
<i>This is text I want to italicize.</i>
Result: This is text I want to italicize.
<b><i>This is bold italic text.</i></b>
Result: This is bold italic text.
You can combine any tags, but make sure you close them in order. Think of
the tags like nested Tupperware containers, you have to close one before you
can put the other one over it.
<a href="http://hauntedgraveyard.com" target="_blank">Haunted Graveyard</a>
Result: Haunted Graveyard
In the above, the http://hauntedgraveyard.com part is the address you want
the link to go to. You can just copy and paste this from your address bar
when you're on the site you want to link to. You must include the http://
part or it won't work. The Haunted Graveyard part is the text you want the
link to show up as. If you're curious, the target="_blank" part makes the link open in a new window. If you leave it out, the link will open in the same window instead.
Make sense?
Here's some more
<font size="1">This text is size 1</font>
Result: This text is size 1
Sizes can go from 1-6 with 6 being the largest. Just change the number to
change the size.
<font color="red">This is red text</font>
Result: This is red text
You can pretty much fill in any general color you can think of. I wouldn't
try something like puce or magenta, but everything from green to
pink should work just fine.
<font size="1" color="red">This is size 1 red text.</font>
Result: This is size 1 red text.
Now, technically the font tag is deprecated, CSS is the new way to go for a variety of reasons that I won't discuss here. Here are very basic CSS versions of the above font stylings.
<span style="font-size: 10px;">This text is size 1</span>
Result: This text is size 1
<span style="color: red;">This is red text</span>
Result: This is red text
<span style="font-size: 10px; color: red">This is size 1 red text.</span>
Result: This is size 1 red text.
Now, you don't need to use the span tag. You can get fancy and use any tag you like such as the bold tag or the italics tag as follows:
<b style="font-size: 10px; color: red">This is bold size 1 red text.</b>
Result: This is bold size 1 red text.
<i style="font-size: 10px; color: red">This is italicized size 1 red text.</i>
Result: This is italicized size 1 red text.
There are of course many more HTML tags that can be learned and much more about CSS than the brief mention I have it here, but this should be enough to get you started.
