Customizing Message Board Posts

Introduction

Special Thanks go to Tommy Crumpton at Clemson TigerNet for graciously allowing me to use this tutorial for our site.

HTML, or Hypertext Markup Language, is the language of displaying information on the Internet. You can use it to become creative with your message board posts. HTML is made up of elements called tags. Tags are simply commands that tell the browser (Netscape, Lynx, etc...) how to display text. An HTML tag consists of a left angle bracket (less than sign), <, the command keyword, and a right angle bracket (greater than sign), >.

Most HTML tags come in pairs. That is, there is a starting tag and an ending tag. You have to tell the browser when to start the formatting and when to stop. This is the same command except with a slash, /, located in the ending tag. An example of this is the H1 tag which displays text in the largest font possible:

<H1>Georgia Tech Football</H1> would look like

Georgia Tech Football

HTML is not case sensitive that is <H1> is the same as <h1>. If a browser does not support a tag, the tag will be ignored.

Basic Formatting

To make text BOLD place your text between the <B> and </B> tags.

<B>Georgia Tech Football</B> would look like
Georgia Tech Football

To make text appear in italics place your text between the <I> and </I> tags.

<I>Georgia Tech Football</I> would look like
Georgia Tech Football

To center text, place it between the <CENTER> and </CENTER> tags.

<CENTER>Georgia Tech Football</CENTER> would look like
Georgia Tech Football

To blink text, place it between the <BLINK> and </BLINK> tags.

<BLINK>Georgia Tech Football</BLINK> would look like
Georgia Tech Football

To force a break, use the <BR>tag. This tag does not have an ending element.

Georgia Tech Football <BR> ROCKS!! would look like
Georgia Tech Football
ROCKS!!

Changing the Size of Text

There are two ways to change the size of your text.

The first way is with the heading-level tags. These tags are the most used throughout the browsers. The only problem is they have an annoying extra line added after the ending element.

<H6>Georgia Tech Football</H6>

<H5>Georgia Tech Football</H5>

<H4>Georgia Tech Football</H4>

<H3>Georgia Tech Football</H3>

<H2>Georgia Tech Football</H2>

<H1>Georgia Tech Football</H1>

The second is with the FONT tag. The FONT tag is a special Netscape Enhanced Tag that has special properties. Unlike H1, H2, H3, H4, H5, and H6 tags, the FONT tag does not force a new line after the ending tag.

<FONT SIZE=1>Georgia Tech Football</FONT>
<FONT SIZE=2>Georgia Tech Football</FONT>
<FONT SIZE=3>Georgia Tech Football</FONT>
<FONT SIZE=4>Georgia Tech Football</FONT>
<FONT SIZE=5>Georgia Tech Football</FONT>
<FONT SIZE=6>Georgia Tech Football</FONT>
<FONT SIZE=7>Georgia Tech Football</FONT>

<FONT SIZE=3> is the default.

Changing Colors

<FONT COLOR=green>Georgia Tech Football</FONT>
<FONT COLOR=RED>Georgia Tech Football</FONT>
<FONT COLOR=YELLOW>Georgia Tech Football</FONT>
<FONT COLOR=BLUE>Georgia Tech Football</FONT>
<FONT COLOR=PURPLE>Georgia Tech Football</FONT>

Combining Tags

<FONT COLOR=yellow SIZE=5>Georgia Tech Football</FONT>
<FONT COLOR=red SIZE=2>Georgia Tech Football</FONT>

Adding an Image

You can add an image to your posts with the IMG tag. After the SRC element enter the address of the image you wish to use. Use the following format:

<IMG SRC="http://www.gojackets.com/images/mesboard.gif"> would look like

Adding a Hypertext Link

To add a link to another site, use the HREF tag. After the HREF= element you place the address of the site in quotes. After the last quote you end that segment with a right angle bracket (greater than sign), >, and then the phrase that you want to link to comes next. Everything is capped off with a </A>. This command takes the folowing form:

<A HREF="http://www.gatech.edu/athletic/">GT Athletic Association</A> would look like
GT Athletic Association
This way you can link others to another site.

Adding Lines

You can add lines to your message with the HR tag. Inside each HR tag you can also insert the width element for various lengths. For example WIDTH=80% (for a length in percentage relative to the screen size) or WIDTH=400 (for a length in pixels).

<HR SIZE=1>

Copyright 2000, The Hive at GoJackets.com. All rights reserved. The Hive is an independent web site. The Hive is not endorsed, sponsored, or otherwise affiliated with the Georgia Institute of Technology nor the Georgia Tech Athletic Association. Please email reck@gojackets.com for questions or comments regarding the Hive.