So, you're on a mission from God: Learn html code. Well, here is a basic overview to the simple programming code. This page is complete and won't change much as far as content.
All html tags start out with the < and end with a >. So, a basic code would be: <CODE> To end the code, you simply type in: </CODE>
Web pages must start out with the <HTML> tag. All this does is tells your web browser that it is viewing an HTML document. With most browsers, it isn't even necessary.
The next tag (that is also optional) is the <TITLE> tag. Any text between the <TITLE> and </TITLE> tags shows up as a title at the top of your browser. So, my <TITLE> tag on this page is <TITLE>The Idiots' Guide to HTML</TITLE>. Simple, right?
Then come the <HEAD> and <BODY> tags. If you want to make a decent web page, JavaScript will be a necessity. You put all of the JavaScripts within your <HEAD> tag. Everything else goes within the <BODY> tag.
One way of increasing font size is by using the <H#> tags, where # is a number between 1 and six. Here are what the <H#> tags look like:
H1
H2
H3
H4
H5
H6
The final two tags to a simple web page are the <P> and <BR> tags. They separate the text by creating paragraph breaks. In other words, they do the same thing in an html document that a word processing program would do if you pressed the return key. The only difference between the two tags are that the <P> tag places a blank line between two paragraphs (like pressing the return key twice), while the <BR> tag only puts the next text one line down (like pressing the return key once). Okay there are the basics. Let's review:
A simple web page might look like:
<HTML><TITLE>My Web Page</TITLE><P>
<HEAD>Creating a web page is easy.<BR><H1>New font size</HEAD></H1></HTML>
This would be displayed in your browser as:(with My Web Page at the top of your browser)
Creating a web page is easy.
New font size
Okay, I know you don't want a gray background with black text, unless you're really lazy. So, to change these colors, use the code: <BODY BGCOLOR=#XXXXXX TEXT=#XXXXXX>, where XXXXXX is the code for the particular color. For example, 000000 is black and FFFF00 is yellow. So, if you wanted a black background color with yellow text, you would enter <BODY BGCOLOR=#000000 TEXT=#FFFF00> For a color summary, visit this link:
Color table
You may also want to change the link and visited link colors. To change these, simply use the code <LINK=XXXXXX VLINK=#XXXXXX>
You probably want to emphasize certain text on your page, or maybe you want to change the font size without being restricted to the six previously mentioned fonts. So, here's a brief overview.
<B> Bold
<SMALL> Small text
<BIG> Bigger text
<SUPER> Superscript
<SUB> Subscript
<STRIKE> Strikethrough
<U> Underline
<TT> Monospaced (typewriter) font
<EM> Emphasized text (usually italic)
<I> Italicized text
<STRONG> or <BOLD> Strong (boldface) text
Aligning text is also important. This is very easy to do, just like any other code.
The code <CENTER> is officially outdated. Don't use it. It may not
work with later versions of web browsers. To align text, use the <P ALIGN=> tag. For example:
<P ALIGN="center">
<P ALIGN="left">
<P ALIGN=right">
To align more than one paragraph at a time, use the <DIV ALIGN=""> tag. Inside the quotes is where you enter the right, left, or center.
And there's one more basic idea in a webpage: The link. Creating a link is simple. Use the code <a href="XXX">, where XXX is the destination address. The text between the <a href=> code and the </a> code is the link text. For example, to create a link to my DS9 review webpage, I would type <a href="http://www.fortunecity.com/tattooine/bester/101/ds9review.html>DS9 review page</a>, which would show up as this:
DS9 review page
So, you think you're the html code master now, don�t you? Well, you're not. There's still a lot more to learn, like images, sound, backgrounds, and frames. So, if you think you can cut it, move on to the second page of the html guide.
CLICK HERE TO CONTINUE YOUR MISSION
I used html code to create this link back home. Oh yeah, I also threw in a little bit of JavaScript. That's why you have a message in your statu