Not quite finished, but you're welcome to read on if you wish! We've got a lot to cover, it helps if you make another online Window, go to your website/practice site if you want to try out your new knowledge ^-^ Microsoft internet explorer users, Pc users, and
Maybe mac users can create new windows by clicking on 'File', going to 'New', then 'Window'. If this does not work on your computer, but you know another way to make it happen, EMAIL me. Thanks!
Ok, the first concept of HTML is tags. They look like this <, and this > most of the time. Tags hold commands, or they tell the computer what do with the information stored
inside the tags. The tags are sort of like envelopes in a way, because they hold important information inside and keep it seperated from other text and other parts of the code. They can carry the information and make it work if it is typed in properly. Most of the time tags do not self-correct themselves, so be careful to type in your code correctly! They need
your input and directions to get the desired effects.
Here are some actual codes. Remember, you need to change [ to < . (I put brackets instead of tags to prevent the code from working so that you can see what to type. When HTML is typed correctly, the none of the tags or any of the code shows up as text!)
[b]= The B stands for bold. It makes your text bold.
[i]= This makes your text in italics, or slanted. In most chat forums, it is usually used to put emphasis on a certain word.
Okay, this part is a little more tricky. A good thing to remember is that when you start and HTML code, you will need to end it. You need to end all your tags that you start, otherwise your HTML works will run into each other, like paint colors mixing. This result usually ruins an otherwise decent webpage. Here is a basic example of how almost all HTML codes begin and end: [](Your HTML content here)[/] To end a code, you put tags, except that you add a back-facing slash mark before finishing off the rest of your code and ending the tag. The back-slash is very important, don't forget it! Otherwise, your code won't end properly. The words '(Your content here)' represent the HTML code you have typed in. Below are some basic examples of codes.
First is the Textarea, or, obviously, a place to put text, so that it scrolls down. It is a handy way to put a lot of information in an accessible and easy-to-find spot without causing the window you're browsing in to have a reaaaaally long scrollbar. The code is: [textarea] TEXT HERE! [/textarea] Working Example:
This is a basic textarea. Many scrolling text areas have a similiar code, except that it is a bit more complicated. We'll go into that later! Sometimes textareas are also called Blogs.
[a href=" WEBSITE ADDRESS/URL HERE"]WEBSITE NAME HERE[/a] this is more difficult, but is actually a text link. A 'filled in' Example version of the above code would look like this: [a href="http://www.geocities.com"]Geocities HomePage[/a]
You can click on a text link to go to a certain area of a website. For example, you would Click Here to return to the index page of my site. Beware, however, that you CANNOT link E-mail, AIM, Instant Messager or any other type of Chat service directly to it. You need special codes to do that. This means that you can link to a page that includes a chat/e-mail service, but you cannot just link to an insant message. A good website to learn about this is Funky Chickens It sounds weird, but It has some of the best HTML help out there.
Horizontal Rules are also fun to learn about. they are basicly lines that divide the page up. If you've ever used divider images, you would know about these. A simple one is [hr noshade] it looks like this:
You can edit the code slightly to change the color, size, appearance, and thickness of the horizontal rule.
[br] this is a break, it makes a space, like you pushed down the enter key on your keyboard.
NOTE: you do not have to end [br] tags, [hr noshade] tags, and [li] tags (below).
[li] tags. They make bulleted lists, like this one:
HI
HOWDY
HEY
YO
WHASSUP?!
Okay, that was all the simple codes for lesson one. Practice these and become comfortable with them before going to lesson two.
Lesson One Resources:
| Helpful HTML Code Snippet: |
How it will appear:(Change Brackets to Tags!) |
| [b]Place Text here[/b] |
Bold Text |
| [i]Place Text Here[/i] |
Italicized Text |
| [u]Place Text here[/u] |
Underlined Text |
| [textarea] TEXT HERE [/textarea] |
|
| [a href="http://Website Address Here"]Webpage name[/a] |
Text Link (Simple Steps Index) |
Part One|Part Two|Part Three