Customer Support  
Formatting Text With Size, Color, & Style

HTML - (HyperText Markup Language) code is applied in the form of tags & is basic to all page construction.

Tags - information enclosed within brackets (< >).
  • With rare exception, you need both an opening tag (< >) and a closing tag (< / >).
  • Without the closing tag, any HTML formatting that you begin with the opening tag will stay in effect all the way down your page.
  • Done correctly, anything typed between the < > and < / > tag brackets will be invisible and will not appear when anyone views your eteamz site online.
  • HTML code, within the tag brackets (< >) includes various characters such as: colon ( : ), quotation marks ( " " ), number sign (#), forward slash ( / ), and the equal sign ( = ). When you see them within tags, do not omit them. Work carefully
  • ONE missing character will cause the HTML effect to not work.
Your HTML is typed and uploaded along with the text that you are entering for your page.
  • When working with text, HTML is not "case sensitive", that is: <center> works just as well as <center>.
  • Try to view your pages with more than one browser type and on more than one monitor size.
HTML Text Formatting Examples - We will use the word "free" in the sample sentence "eteamz has free sitez!" to experiment with the different kinds of HTML code. (Adding HTML to entire sentences and paragraphs is done in basically the same manner. An example of that is shown later on these pages).

Bold or Italics - good to start with because they are easy to do.

To make the word "free" appear bold, you only need to apply <b> BEFORE the word "free," and </b> AFTER the word "free."

To make the word "free" appear in italics, simply use the letter i instead of the letter b.

The sentence, as you would type it, would be entered like this:

eteamz has <b>free</b> sitez! OR eteamz has <i>free</i> sitez!

Example: eteamz has free, free, free sitez!

Font Size - the default text size for most of the text on your "eteamz" site is "2".

Size can be increased or decreased by adding HTML tags before and after the word, sentence, or paragraph that you wish to alter.

Use "1" to make words smaller or "3" through "7" to make words larger.

To make the word "free" appear larger than the rest of the sentence, you add, for example, <font size="4"> BEFORE the word "free," and </font> AFTER the word "free.

The sentence, as you would type it, would be entered like this:

eteamz has <font size="4">free</font> sitez!

Example: eteamz has free, free sitez!

Font Color - The basic color scheme is selected in the ADMIN section of your site on the left hand side under "Display," and then "Colors." Click on the color palette icon to view your site color choices.

You can also alter the color of a word, sentence, or paragraph by using a similar, but slightly different HTML code than you used to change the font size.

It is always a good idea to keep in mind how different text colors appear on different page backgrounds. Another site to view your different color options can be seen by clicking on the link below:

http://www.immigration-usa.com/html_colors.html

On that page, your color choices will be displayed and labeled with a six character "hexadecimal value." This code will alter the color of your text. Note: if you see a 0 in a hex code, it is a zero, and not the letter O. To use a color, write down its hex value.

Using a medium shade of blue (with a hexadecimal value of #3366FF) as our example, let's make the word "free" appear with a different color than the rest of the sentence. Simply add <font color="#3366FF"> BEFORE the word "free," and </font> AFTER the word "free."

The sentence, as you would type it, would be entered like this:

eteamz has <font color="#3366FF">free</font> sitez!

Using more than one HTML attribute at a time is possible on single words, sentences, and paragraphs.

Example: eteamz has free sitez!

Combining font size, color, and bold: To make the word "free" appear larger, blue, and bold, the sentence, as you would type it, would be entered like this:

eteamz has <font size="4" font color="#3366FF"><b>free</b></font> sitez!

Example: eteamz has free sitez!

Font size, color, and italics: To make the ENTIRE sentence appear even larger, red, and with italics, the sentence, as you would type it, would be entered like this:

<font size="6" font color="#FF3366"><i>eteamz has free sitez!</i></font>

Example: eteamz has free sitez!

Notice that, although you had to enter 2 HTML font formats BEFORE the sentence (font size & font color), they are within the same tag, so you only need to close them with one ending font tag </font>.

Line Breaks, Paragraphs, Indents, Horizontal Lines, and Centering are ways to control your page layout. Take note: SOME of the following formatting attributes require NO closing tag < / >, or NO tags (indent) at all.

Line Break - If you apply this: <br> after a word, the next word that you type will begin on the next line. You may use several together, like: <br><br><br>, depending on how far down you want to move a line.

Paragraph - Typing in <p> after a word causes the next word also to begin on a new line, but first it will SKIP one line. Use only one of these. You may combine it with a line break like this: <p><br><br>

Indent - If you want to indent a word, apply an indenting format "&nbsp;", which stands for: "non-breaking space." It is NOT necessary to type it inside of a bracket. Just type in as many as you feel that you need before the word that you wish to indent. Indenting our sentence five spaces (pixels) would be entered as:

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; eteamz has free sitez!

Horizontal Lines - You can separate groups of text by putting a horizontal line between them with <hr>. It requires NO closing tag. You control the width, thickness, alignment, and the shading of the line. Change the values in the following code to make the type of line that you desire. (Deleting the "noshade" attribute in this code will give you a line that is "hollow".) Example: making a line that is half the width of your page, approximately 1/8'' inch thick, centered on your page, and is solid, would be entered like this:

<hr width="50%" size="8" align=center noshade>

Example:


Centering Text - You can center text by adding <center> BEFORE your text, and </center> after your text. Typing in the following sentence would cause it to be centered horizontally on a line of your page:

<center>eteamz has free sitez!</center>

TIPS:

Capital letters - Generally on the web, TYPING IN ALL CAPITAL LETTERS or A mIx oF upper and LoWeR case letters IS CONSIDERED A NO-NO. Many people find it annoying.

Colors - The information on your pages is of little value to your viewer if he/she cannot read it. For example, dark blue text on a black background or light yellow text on a white background may not be a great idea. Try to have your text properly contrast your background color.

Content - It is fine to add a lot of fancy HTML to your site, but remember that people generally come to your site for information. Make sure that all of your content is accurate, especially dates, schedules, and rosters.

< Back
Football Soccer Basketball Baseball Ice Hockey Cheerleading Softball Volleyball Lacrosse Swimming Tennis Bowling More Sports