Go Back   Computer Forums > Web Design | Website Development > Web Design and Development | Site Reviews
Click Here to Login
Join Computer forums Today


Reply
 
Thread Tools Search this Thread Display Modes
 
Old 01-17-2005, 11:15 PM   #1
Solid State Member
 
Join Date: Jan 2005
Posts: 19
Default GUIDE: Beginner's look at HTML

Beginner's look at HTML

This is going to be a constantly updated page giving an explanation to HTML coding. I may eventually make an "e-Book" out of this with more explanations and examples, but there is no promise. I will use colons and spaces ( : ) to seperate the examples as to not waste space in my post by wasting a line I could use to for to type with. This was done simply to save people from constantly making posts when begining to learn HTML.

Explanation of Tags

To START all HTML coding you must place < and > around the coding. For example, to start every HTML page you must tell the browser that it is using HTML. You do this by typing: <HTML> : at the beginning. This rule stays the same for all HTML codes such as the BODY code and HEAD coding. Examples: <BODY> : <HEAD>

To END all HTML coding you have to do the same as starting it, but adding a / to the begining of the code. So, for the <HTML>, you would type: </HTML> : to end the tag. This is also true to all HTML coding. The <BODY> and <HEAD> tags would end like this: </BODY> : </HEAD>

Some HTML codes allow you to have more specifications for them, such as size and color. We will explore this as my guide goes along.


Extremely Basic HTML

Basic HTML is essiential to EVERY website. Although, these are things that you may not typically think of when you think of HTML design. I will cover the basics by simply looking at the HTML, FONT, and BR tags.

As I told you before, the HTML tag starts EVERY website. Although, most browsers do not require this tag, it is usually a good idea to include it just in case someone looking at your webpage does have one of the rare browsers that needs this tag. There is really no further explanation needed really, just put <HTML> at the beginning of your HTML code and </HTML> at the end of it.

Continuing on, FONT tag has many useful properties. Although, it's not thought of much when you think about websites, the font color and size that is used does make a huge difference in the way you see text. As a matter of fact, that's what I'm using to present this guide in this post, although instead of using < and >, I'm using [ and ] to modify this text so that it looks cleaner easy to find and read things.

Now that you have a decent understanding of what the FONT tag is used for, I will now tell you ALL of the FONT tag's properties that you may experiment with.


style="{font name}"
size="{value 1-7, 1 being the smallest}"
color="{hex code value}"


NOTE: The { and } brackets and their contents should not be placed in your HTML coding. They were simply put there for convenience for the reader so they know what values belong there.

The style and size tags are pretty self-explanatory, but you may be confused about hat a hex code is. A hex code is simply a group of 6 numbers/letters beside each other that represents a color. There is a Hex Code for EVERY color there is, so it's not a very good idea to just mess around with hex colors to get the color you want. You could always go on google and search for "Hex Code Maker Program" or something like that to get a program to make them for you, or you could go to http://colourificator.sitekit.net/ , a simple program that works with any Windows OS.

There is also another method to getting the color that you want, but it's slightly less organized and you must experiment with it. You simply type in: <FONT COLOR="{Red,Green,Blue}"> . You may type in any value up to 255 for each value. This is the same as a Hex Code creator program works, but it doesn't go into Hex Coding.

Now, moving onto the BR Tag. This tag simply is the "ENTER" key in HTML. It simply makes a new row for you to type on moving down 1 slot just like it does for a Forum, Notepad, or WordPad.


Basic HTML
... To Be Updated ...
__________________

Spdstr is offline   Reply With Quote
Old 01-18-2005, 02:23 AM   #2
Fully Optimized
 
Dynamix's Avatar
 
Join Date: Aug 2004
Posts: 2,463
Default Re: GUIDE: Beginner's look at HTML

Looks good
__________________

Dynamix is offline   Reply With Quote
Old 01-18-2005, 03:41 AM   #3
BSOD
 
Masahiro's Avatar
 
Join Date: May 2004
Posts: 1,896
Default Re: GUIDE: Beginner's look at HTML

Erm why?
Masahiro is offline   Reply With Quote
Old 01-18-2005, 02:53 PM   #4
Solid State Member
 
Join Date: Jan 2005
Posts: 19
Default

Well, I have about 3 reasons to do this.

1. To keep from so many "beginner" posts asking the same questions about HTML.

2. I can't use my 3000+ 64 Athlon until I get my OS setup correctly.

3. I'm bored.

Hopefully this shows my "true intentions" of doing this .

Member,
~ Spdstr
Spdstr is offline   Reply With Quote
Old 01-19-2005, 04:30 AM   #5
BSOD
 
Masahiro's Avatar
 
Join Date: May 2004
Posts: 1,896
Default Re: GUIDE: Beginner's look at HTML

Well those are 3 good reasons and i like reason 3

Infact im writing a book for complete and utter newbs but that is another story
Masahiro is offline   Reply With Quote
Old 03-18-2006, 09:18 PM   #6
BSOD
 
Join Date: Feb 2006
Posts: 7,539
Send a message via AIM to Trivium Nate
Default Re: GUIDE: Beginner's look at HTML

I love love love this one!!!!
Trivium Nate is offline   Reply With Quote
Old 03-18-2006, 09:46 PM   #7
In Runtime
 
RiverS's Avatar
 
Join Date: Feb 2006
Posts: 408
Send a message via MSN to RiverS
Default Re: GUIDE: Beginner's look at HTML

lol sure is basic.
__________________
ORLY?
RiverS is offline   Reply With Quote
Old 03-18-2006, 10:04 PM   #8
Daemon Poster
 
RewtGuy's Avatar
 
Join Date: Dec 2004
Posts: 595
Send a message via AIM to RewtGuy
Default Re: GUIDE: Beginner's look at HTML

So many beginner tutorials never enough experts ones it seems.
__________________

__________________
Windows: A thirty-two bit extension and GUI shell to a sixteen bit patch to an eight bit operating system originally coded for a four bit microprocessor and sold by a two-bit company that can't stand one bit of competition.
RewtGuy is offline   Reply With Quote
Reply

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are Off



All times are GMT -5. The time now is 12:03 AM.


Powered by vBulletin® Version 3.8.8 Beta 4
Copyright ©2000 - 2017, vBulletin Solutions, Inc.
Search Engine Friendly URLs by vBSEO 3.6.0