Html Basics and HTML Codes

Just some basic HTML codes to get your started. This page doesn't come close to listing all the HTML codes or the newer page building codes, such as XML or CSS.

HTML Stands for Hyper Text Markup Language and is the basic code that all web pages used to be built on. Most of them still are, but many are going to Cascading Style Sheets (CSS) and scripting languages, such as PHP.

Blogs, for example, are made with a combination of CSS and PHP. CSS controls the look and the layout, while the PHP controls the database management. Sound complicated? It is, but fortunately most of the is kept way in the background. For example, you can go to www.Blogger.com and build a blog in 5 minutes, without knowing CSS from a hole in the ground.

Or you can go to SiteRubix and get an website builder that is totally online, like Blogger, that will allow you to create an entire website, similar to this one, just by pointing and clicking. Another such program, XsitePro, which actually lives on your own computer, also allows you to build good looking sites without knowing a lick of code. This site, Unixtools.com, was built entirely with XsitePro.

Of course, with a blog or a site you still need to come up with something to put on those pages, but that's a lot easier than memorizing arcane CSS code.

The Codes:

Back to the HTML codes: Your most basic web page will be comprised of a list of HTML tags. These tags are the codes which control how your page looks. While only the basic codes are covered here, there are more complex html codes. Many more. Basically, every page will start like this:

This section contains codes which are not seen on your webpage

All the visible text on your page start here and ends with this tag:

This goes in the head section of your page. It's what you see at the extreme top of your browser's window and it is not seen on the main page. For example, if you want the title of you page to be My Awesome Brand New Webpage you would do this:

So now your page would look like this:

All the text of your webpage goes here

Some of the HTML Codes to markup your page are as follows: Generally you start the text with some tag and end it with a /tag, like this

make the  text between the tags bold. So I'll put some bold text here, done like this: bold text here

it's the same for italics. Sample italic text

 covers underlining. Usually underlining is for links, so my suggestion is that you don't use underlining for any other purpose. By the way, when you make a link the text is automatically underlined anyway.

is for indenting a block of text. Quoting someone is a good example.

You might insert the marvelous quote made by your favorite author in a blockquote section. it can be any length, include all the other codes, and be as fancy or simple as you want. Just be sure to link to the source if you're borrowing it from someone else's page.

Some Text Here Make a link. For example, if youi wanted to link to this page (shameless plug!) you would use this code: HTML Codes, which will wind up looking like this: HTML Codes

makes a new paragraph and adds a blank line.

the break tag just ends a line and starts a new one, but doesn't add a blank line, like the

tag does.

or

or

These just center your text on the page.

This aligns it to the right,
alignment to the left is the default.

Change the font and the colors and the size. You have to specify the color, size, and style of font. For example:

• some text makes for red text: some text in red
• some text make the text two steps larger than the default text, like this: some bigger text
• some text - this puts a new face on your text, in this case it's times new roman font
• You can also combine all of the above, like this: some text - Some big red times text

Makes a bulleted list, like what you see above. Put

in front of each item in the list

• one
• two
• three

Make a numbered list, like this, again putting

in front of each item:

1. one
2. two
3. three

Makes a title on your page, just like you see at the top of this page.

Also a title, but with a smaller font.

This is a subheading, used to separate sections on your page. Like this:

HTML Tables

Makes a table. You'll need to add at least one row