Basic HTML Guide

[MsNobody]

Introduction

I would recommend using Notepad (Windows) or BBEdit (Mac) for any HTML work you begin.

 

Text Tags

 

Bold

 

<b></b>

 

 

 

Example:

 

<b>Hello!</b>

 

 

The previous code will show up as Hello!

 

 

 

 

Italics

 

<i></i>

 

 

 

Example:

 

<i>Hello!</i>

 

 

The previous code will show up as Hello!

 

 

 

Underline

 

<u></u>

 

 

 

 

Example

 

<u>Hello!</u>

 

 

The previous code will show up as Hello!

 

 

 

Strike

 

<s></s>

 

 

 

Example

 

<s>Hello!</s>

 

 

The previous code will show up as Hello!

 

 

 

 

Center

 

<center></center>

 

 

 

Example

 

<center>Hello!</center>

 

 

The previous code will show up as

Hello!

 

Headings

 

There are many different sizes of headings.

 

 

<h1>Large Heading!</h1> 

 

 

 

 

 

<h2>Heading 2</h2> 

 

 

Heading 2

 

 

 

 

<h3>Heading 3</h3> 

 

 

Heading 3

 

 

 

 

<h4>Heading 4</h4> 

 

 

Heading 4

 

 

 

 

<h5>Heading 5</h5> 

 

 

Heading 5

 

 

 

Line Breaks & Paragraphs

 

Hello, how are you?

I'm doing pretty good today.

 

In order to get this you must do this:

 

 

Hello, how are you?<br>I'm doing pretty good today.

 

 

 

 

Hello, how are you?

 

I'm doing pretty good today.

 

In order to get this you must do this:

 

 

Hello, how are you?<p>I'm doing pretty good today.

 

[MsNobody]

Font Size and Colors

 

The follow tag is used to change the font size.

 

 

 <font size=" ">text to change</font>

 

 

In the blank spot, you should put a plus (+) or minus (-) sign in front of a number. For example:

 

 

<font size="+3">text to change</font>

 

 

That will get you a bigger font size than what you began with.

 

 

 

In order to change the color of the text you should use this code:

 

 

<font color="#FF0000">Red</font>

 

 

That code will get you something that looks like this: Red

 

There are many different websites with charts of color codes but

 

here is one.

 

Special Characters

 

Here is a list of special characters and their uses.

&nbsp - one space

&copy - copy wrtie symbol

" - quote

< - <

> - >

& - &

 

 

Links

 

 

<a href=http://gtaforums.com>GTA Forums</a>

 

 

The previous code will get you GTA Forums.

 

 

 

If you have other pages on the same server as your home page, you can use this following code:

 

 

<a href="gtaforums.html">GTA Forums</a>

 

 

Images

 

 

<img src="imagenamehere.jpg">

 

 

That code will insert the specified image into your document if you have the image on the same directory as your page.

 

 

 

You can use the following the code to insert a image from another website:

 

 

<img src=http://www.gtaforums.com/imagehere.jpg>

 

 

HTML Comments

 

HTML comments aren't required but they can be very helpful as it helps cut down on confusion while working with your web site. You can put an HTML comment anywhere you'd like by using the following code:

 

 

 <!-insert comment here -->

 

 

Any comments you insert into your document will only be seen by looking at the source code.

Tables

 

Tables may be a little complicated at first.

 

 

<table border="1"><tr><td>row 1, cell 1</td><td>row 1, cell 2</td></tr><tr><td>row 2, cell 1</td><td>row 2, cell 2</td></tr></table>

 

 

I'll break the code down for you.

 

 

 

 

<table border="1"></table>

 

 

As you can imagine, this tag controls the border size of the table. 1 is the smallest and the borders get larger from there. Personally, I prefer anything between 1-3 depending on what the table is for.

 

 

 

 

<tr></tr>

 

 

This tag begins and ends the table.

 

 

 

 

<td></td>

 

 

This tag begins and ends the cell.

 

 

 

See, once the code is broken down, tables aren't all that complicated.

 

Conclusion

 

This is the end of my basic guide to HTML. Feel free to post any comments/questions you have in this thread. Eventually, I hope to add more to this.

[The Miker]

Looks good. This should be a real help to all the noobs.

[Svip]

Mmm... I would like you NOT to suggest people to use <font>, but use <span> and then choose some CSS styles for it.

 

Much better result, and it's also what most people would say to webdesigners today they should.

[BenMillard]

This is crap. Everyone please ignore this topic.

[MsNobody]

Mmm... I would like you NOT to suggest people to use <font>, but use <span> and then choose some CSS styles for it.

 

Much better result, and it's also what most people would say to webdesigners today they should.

Ah well, the <font> tags will work for now.

[immessedup17]

This is crap. Everyone please ignore this topic.

Awww, let her karma whore if she wants, no matter the quality.

[andibomb]

The guide is not the best by any long stretch of the imagination, I feel your effort is wasted. If people want to learn HTML, I doubt a thread like this will be their first choice. A look at http://www.w3schools.com/html/default.asp would be a better use of their time. Most tutorials made here will just be scrutinised and then forgotten.

 

You have also included countless tags which are becoming/have become deprecated. Beginners are better off learning the recommended techniques straight away, instead of learning these older ones and then migrating once they are familiar with them.

[Johnno]

This is crap. Everyone please ignore this topic.

This is starting to become a regular thing... me agreeing with Cerb.

[Dalpura]

 

This is crap.  Everyone please ignore this topic.

This is starting to become a regular thing... me agreeing with Cerb.

Good heavens! To be honest, MsN, it's been done many times. I added the first one or two to the Mega Topic, but there's just been a few over and over. Too common, and too easy really. HTML is so common, there's tutorials everywhere, books, etc. And we hardly need anymore here. Thanks for the thought and effort, but no thanks. If you get what I mean.

[Twistie]

This is crap.  Everyone please ignore this topic.

This is starting to become a regular thing... me agreeing with Cerb.

Good heavens! To be honest, MsN, it's been done many times. I added the first one or two to the Mega Topic, but there's just been a few over and over. Too common, and too easy really. HTML is so common, there's tutorials everywhere, books, etc. And we hardly need anymore here. Thanks for the thought and effort, but no thanks. If you get what I mean.

HTML is becoming less useful by the second as SQL and stuff become even more regular. Sure everything else relies on HTML being there but CSS has made most of these things obsolete or even 'extinct' I mean seriously who uses

<b></b>

 

anymore. Its just as easy to create a class for it so that each time you don't have write it all out all over again!

[Alcoholica]

Well it's depreciated, so you should use <strong> anyway. HTML does seem to play second fiddle now.

[Svip]

HTML is a markup language, of course it's not important, it's the CSS that does the whole thing.

 

Though at points you must return to the <b></b> tags or <strong></strong> tags if you have sentence where some specific text needs to be strong.

 

Aye? HTML will never die... untill W3C gets a better idea.

[BenMillard]

 

HTML is a markup language, of course it's not important, it's the CSS that does the whole thing.

 

Though at points you must return to the <b></b> tags or <strong></strong> tags if you have sentence where some specific text needs to be strong.

 

Aye? HTML will never die... untill W3C gets a better idea.

Such as XHTML, which has been around for several years already.

 

The <b> is was deprecated in HTML4.01 and isn't even present in XHTML 1.0 Strict, so saying people "must return" to it is totally wrong. As Alcholica points out, <strong> is the future-proof alternative. Seperation of content and style is the key. BTW, Svip, you are also wrong when you say "its CSS that does the whole thing" because CSS can't do much if there's no (X)HTML structure to work with!

[Tsuroki]