Basic HTML

Ready for a website?

Customer Support Basic HTML

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:

Bold

<b>This is text I want to make bold.</b>
Result: This is text I want to make bold.

Italic:

<i>This is text I want to italicize.</i>
Result: This is text I want to italicize.

Bold & Italic

<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.

Link:

<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 Tags

Text Size:

<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.

Text Color:

<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.

Text Color and Size:

<font size="1" color="red">This is size 1 red text.</font>
Result: This is size 1 red text.

CSS

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.

CSS Text Size:

<span style="font-size: 10px;">This text is size 1</span>
Result: This text is size 1

CSS Text Color:

<span style="color: red;">This is red text</span>
Result: This is red text

CSS Text Color and Size:

<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:

CSS Bold Text Color and Size:

<b style="font-size: 10px; color: red">This is bold size 1 red text.</b>
Result: This is bold size 1 red text.

CSS Italic Text Color and Size:

<i style="font-size: 10px; color: red">This is italicized size 1 red text.</i>
Result: This is italicized size 1 red text.

More...

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.