How to Get Started with HTML

HTML stands for HyperText Markup Language. It is the language of the web. You can create web pages in other more user-friendly programs, but knowing and understanding HTML codes gives the web page author greater control.
Some important terms to know are:

Tag- a command that is bookended with brackets "<" ">".
Partner Tag- a set of commands, one prior to the text or image you'd like to change and a related closing code after the text of image you'd like to change. For example most web pages begin with <HTML> and end with </HTML>
Singleton Tag- a single command that requires no partner command. For example in order to place a horizontal line on the page use the tag <hr>

Please select from the following topics for instruction:

Opening Microsoft Word and saving HTML code Viewing your Web Page in a Browser
3 Simple Codes 2 Challenging Codes

Opening Microsoft Word and saving HTML code.

Once you've saved this document, you can open as a text document in Microsoft Word (where you write code) and a web page (where the magic comes to life).

Viewing your Web Page in a Browser.

To view your web page in progress, highlight your page and selecting Open With, then choosing a web browser!!

3 Simple Codes.

Horizontal Row
To draw a horizontal line (or horizontal row) in the text to separate one section from another, simply type <HR>. (This is one of those singleton tags.)

Note to Programmer

To make a note to someone reading your code (by opening your page in a text program or selecting Source under the View Menu in a web browser), type <!-- &nbso; --HR>. (This is one of those singleton tags.)

Font Color and Size
To make your web page look more exciting, you might want to change the color of a piece of text or all of the text.

To do that you place a beginning tag before the text youíd like to color and an ending tag after the text youíd like to color. To change the color of the word ìSummercoreî to magenta, your code would look like this:

Change the color of the word Summercore to magenta.
The beginning tag is what we call a pregnant tag because it contains more than the closing tag . Another thing you can change is the size of your text. Again, these are partner tags that go before and after the word you are trying to change . . . like this: Another thing you can change is the font size by using bigger word of your text.

2 Challenging Codes.

Inserting Music

Although it can be distracting, it is sometimes nice to have music playing while you are viewing a webpage. To have music playing in the background, first you must find the soundtrack youíd like to use. One easy way to find sounds is to google ìfree wav filesî or ìfree midi filesî. Wavs and midis are not usually original music so you wonít have as many copyright issues. The code should looke like this:
<embed src="filename.mid" width=145 height=55 autostart=true loop=true> <noembed> <bgsound src="filename.mid" loop=infinite> </noembed> http://www.delta.ro/beatles/paudi.html

Link to Another Webpage

To make a link to another web page, the process is somewhat challenging . . . but You Can Do It! Here we go We are going to create a link to Summercore so that when you click on the word you are immediately redirected to the Summercore homepage. To do that, use the following code: <A HREf = http://www.summercore.com> Summercore </A>

Click here to meet Annabelle!

Opening Microsoft Word and saving HTML code	Viewing your Web Page in a Browser
3 Simple Codes	2 Challenging Codes