build a web site | fundraising | community | collect fees online | blogz
 Member-Support
Member-Support:HTML Basics  
 
 
Home Home
Admin FAQ's Admin FAQ's
HTML Basics HTML Basics
HTML Links HTML Links
Tables Tables
Graphics Graphics
Music Music
JavaScript JavaScript
Tips/Tricks Tips/Tricks

 
  HTML Basics  
 

HTML Basics
Hyper Text Mark-up Language.
The building block of web documents.
HTML building blocks

Print This Page

Preface:  HTML is applied within brackets, called "tags" < >, and with few exceptions, you need both an opening tag < > and a closing tag </ >. Other than specific file names, HTML is not case sensitive; upper and lower case work equally well. Anything written between < > and </ > brackets is invisible, as only the result displays online. As an eteamz site is constructed within an overall template, and we only upload to the "body" section of our pages, we will deal with the HTML that is applicable to this area.

So, how and where do I put this HTML? You enter and upload it into many of the uploading boxes throughout the Admin section of your site, at the same time and right along with your regular text.

Do... place it in the main "welcome message" uploading box, the "article" area uploading box of a news story, or into any of the larger text uploading boxes in your Admin area.

Do Not... apply it to any of the single-line uploading boxes, such as the "site labels" or "headlines". While it may sometimes work, uploading incomplete HTML or JavaScript may cause your Admin section and your online page to freeze or to not display properly.



This is the basic HTML that we will discuss on this page:
<BR><P><B></B><I></I><U></U><CENTER></CENTER><HR><FONT></FONT>
<BR>This is a "line break" used for spacing. It does not use an ending tag. Placed after a word or sentence, the next bit of text defaults to the next line, without skipping a space.

Example:  Placing the break here<BR>
will cause this text to drop down to here, with no blank line in between.

<P>This is a paragraph tag, similar to the above <BR>. It only requires an ending tag if you use the "align=right".

By inserting the tag here<P>,

the next section of text again moves down, but a blank line is included. To skip several lines, use one <P> tag and a few <BR>, such as <P><BR><BR><BR>. If you need your text to be aligned to the right, use <P ALIGN=RIGHT>

... and your data will be way over here.</P>

<B></B>

<I></I>

<U></U>

These three tags allow you to make your text bold, italics, or underlined. All must include an ending tag </ >. Place them before and after the text that you wish to alter.

Example:  This sentence was uploaded in this manner.
<B>This</B> sentence was <I>uploaded</I><U> in this manner</U>.

You may combine them, like: <B><I>Member-support</I></B> - Member-support
<CENTER>

</CENTER>

This center aligns your text or even an image in the working area of your page.

<CENTER>This line is centered.</CENTER>
<HR>This creates a horizontal line and you can alter its appearance. No end tag is used.

Merely inserting <HR> will create a thin line across the entire page width, as:


You may alter it in width, height, alignment, and even color (I.E. only). For instance, the following lines are not as wide, a bit thicker, colored, and aligned left or right.

Example:  <HR align="left" width="50%" size="6" color="RED">  This will give you:



<HR align="right" width="80%" size="4" color="Teal">  Would be:

The values in blue may be changed. Colors will be discussed a bit more next.
<FONT>

size=

color=

face=

</FONT>






Click Here To Select Colors

These three font attributes alter the display of text, require an ending tag, and may be combined. In the Admin section of your site, under "display/colors" and "display/fonts" you choose the basic text layout of your pages. By using these font attributes you can override these settings to change the text in sections of your pages.

This is larger.  Done as: <FONT SIZE="4">This is larger.</FONT>

This is blue.  Uploaded as: <FONT color="blue">This is blue.</FONT>

This is Comic Sans MS.   Entered as: <FONT face="Comic Sans MS">This is Comic Sans MS.</FONT>
Combined attributes:   Do you like this? Created by:

<FONT size="5" color="#9900FF" face="Impact">Do you like this?</FONT>

Notes:  Even though in the last example we used three font attributes, you only need one closing tag, </FONT>. You can include many variables within these font tags, especially when it comes to font colors and font faces. With the "size", use values of 1 through 7.

In choosing a color, you may use the color name or a hexadecimal value that is available in your Admin under "Display" and "Colors".
<---   Click on the eteamz color palette to the left and watch the box as the hex color values change when you move your mouse over the pop-up palette!

When choosing a font "face", it is important to remember that in order for your viewers to see the page as you have created it, they must have that particular font installed on their web browser. Here is additional information on font choices.

Member-Support TipTo view a few tips and ideas on working with HTML, please click here!

Home  Admin FAQ's  Links  Graphics  JavaScript  Music  Tables  Tips/Tricks  Help Links

Back to Top


   
 Member-Support
Member-Support

 
 
 
  Web Sites Instruction Community
  Local Sites
Spotlight Sites
Build a Web Site
Tips and Drills
Sport Tip Email
Customer Support
News & Updates
Bulletin Boards
Camps & Clinics
Tournaments
Coaches' Corner


   
"People forget how fast you did a job--but they remember how well you did it." - Howard W. Newton
   
Copyright © 2014, eteamz.com, Inc
User Agreement