Guide to basic HTML

Jacob · March 8th, 2005, 06:40 AM

This guide was written before HTML was disabled on these boards. Do not bother pointing out that these codes are not HTML

Most boards don't support many html codes so most of this is BB code, which is just as effective to use on community forums.

BASIC

This text is bold

HTML Code:

[b]This text is bold[/b]

This text is underlined

HTML Code:

[u]This text is underlined[/u]

This text is in italics

HTML Code:

[i]This text is in italics[/i]

If you want you can do all three at once
This text is bold, underlined and in italics

HTML Code:

[b][u][i]This text is bold, underlined and in italics[/i][/u][/b]

NOTE: try and keep the tags in order

This is right
HTML Code:
[b][u][i]This text is bold, underlined and in italics[/i][/u][/b]
Notice how:
the bold tag is on the outside at the start and at the end
the underlined tag is between the bold and italics at the start and end
the italics tag is the always the most inner one

Images

HTML Code:

[img]http://img394.imageshack.us/img394/7825/hitman0ag.jpg[/img]

To get an image from your computer to here, you must upload it to the net via an image hosting site www.imageshack.us is probably the best and most used.

Size
This is size 5 text

HTML Code:

[size=5]This is size 5 text[/size]

You can put any random number instead of 5, don't know the max though
Try adding the bold, italic and underline tags to it.

Align
There are two different ones here

This is centered

HTML Code:

[center]This is centered[/center]

This is pushed to the left

HTML Code:

[left]This is pushed to the left[/left]

This is pushed to the right

HTML Code:

[right]This is pushed to the right[/right]

Then there is this one (which doesn't work on this board, but will on some others)
[align=center]This is centered[/center]
[align=left]This is centered[/left]
[align=right]This is centered[/right]

XGod-chaserX213 · March 8th, 2005, 04:47 PM

i know very little but i do know that

Code:

&lt;br>

means go to the next line (line break)

Jtg920 · March 8th, 2005, 05:41 PM

The most important thing to remember when making documents with HTML is to close your tags properly; as not to confuse the compiler on what to display. This can prevent many small problems...

Also make sure to open all HTML documents the following way.

Code:

&lt;HTML>
     &lt;HEAD>
          &lt;TITLE>Insert Title of Webpage Here!&lt;/TITLE>
     &lt;/HEAD>
     &lt;BODY>Insert content of the document here,&lt;/BODY>
&lt;/HTML>

-=~ J.T. ~=-

XGod-chaserX · March 8th, 2005, 11:07 PM

ok so lets give this a shot...

<html> <head> <title>This is a test</title> </head>

I know this works... if some of this post doesnt work right, let me know what im doing wrong...

Code:

ok so lets give this a shot...

&lt;html>&lt;br>&lt;head>&lt;br>&lt;title>This is a test&lt;/title>&lt;br>&lt;/head>

&lt;b>&lt;i>&lt;u>I know this works... if some of this post doesnt work right, let me know what im doing wrong...&lt;/u>&lt;/i>&lt;/b>

Handmedown · March 9th, 2005, 12:03 AM

You can also do

Code:

[color=red]text[/color]

text

and there is heaps of other colors. For those australians colour is spelt 'color'

Code:

[list]And there is list[/list]

And there is list

And there is list

to get them aliged with each other.

This is how to do quotes

Code:

[quote="********"]This is how to do quotes[/quote]

Where the *****'s are is where you type how said it.

Example.

Quote:

Originally Posted by Handmedown

This is how to do quotes

Remember to put Quotation Marks around the *****'s. Quotation marks are ".

XGod-chaserX · March 9th, 2005, 01:03 AM

i personally like the greater than and less then symbols more

And i love all this learning im getting

Quote:

Originally Posted by XGod-chaserX

And this is also fun

fruitybird · March 9th, 2005, 01:07 AM

Does anyone know the centre text or image tag? I can contribute tags for making your own site if you want. Tags to add backrounds or music and things.

Cyclops · March 9th, 2005, 01:17 AM

I think its <centre>

I know that is skip a line.

Jb_88 · March 9th, 2005, 12:57 PM

Handmedown

[color=Blah] Isnt html thats a script installed with the phpnuke forums...

Color would be a html code

Example: #00000 = Black.

Jtg920 · March 9th, 2005, 02:33 PM

Quote:

Originally Posted by XGod-chaserX

ok so lets give this a shot...

<html> <head> <title>This is a test</title> </head>

I know this works... if some of this post doesnt work right, let me know what im doing wrong...

Code:

ok so lets give this a shot...

&lt;html>&lt;br>&lt;head>&lt;br>&lt;title>This is a test&lt;/title>&lt;br>&lt;/head>

&lt;b>&lt;i>&lt;u>I know this works... if some of this post doesnt work right, let me know what im doing wrong...&lt;/u>&lt;/i>&lt;/b>

Yes that would work...

********************

I love HTML. Just typing in plain text is borring... So here are some ways to spif up your text.

Bold = text = [bold]text[/b]

Italics = text=text

Underline=text=text

More to come

-=~ J.T. ~=-

Jacob · March 10th, 2005, 04:29 PM

Quote:

Originally Posted by jtg920

********************

I love HTML. Just typing in plain text is borring... So here are some ways to spif up your text.

Bold = text = [bold]text[/b]

Italics = text=text

Underline=text=text

More to come

-=~ J.T. ~=-

Ahh if you read my first post you would of seen that i had included that.

chase312 · March 10th, 2005, 06:42 PM

I am a master of HTML so if you need any help Jacob, pm me

Handmedown · March 11th, 2005, 07:02 PM

Quote:

Originally Posted by chase312

I am the master of HTML so if you need any help Jacob, pm me

someone thinks highly of themselves......

chase312 · March 11th, 2005, 07:31 PM

Quote:

Originally Posted by handmedown

Quote:

Originally Posted by chase312

I am the master of HTML so if you need any help Jacob, pm me

someone thinks highly of themselves......

I'm not trying to brag or anything...I'm just offering Jacob help with the making of his guide.

fruitybird · March 12th, 2005, 06:15 AM

Chase is a master of html, trust me :lol: . This guide is coming along nicely...

Handmedown · March 12th, 2005, 07:28 PM

chase is A master but not THE master. There is a big difference.....

chase312 · March 18th, 2005, 11:54 PM

I edited the post. I didn't mean it like I'm claiming to be the best, I was just stating I am very expirenced.

webdinger · March 27th, 2005, 12:37 PM

There are many other HTML tags that you can use to format text. Also, [quote] and [color] are BBCode tags, not HTML tags. Besides that, some of the markup presented in this topic is not standardized. For more information about Web standards, go to w3.org.

The <center> tag was developed by Americans, so therefore the British spelling (i.e. <centre>) will NOT work. Also, it is deprecated so you shouldn't be using it anyway. All tags should be closed! (i.e. )

What I'm using is XHTML, which is standardized and you should also use CSS as a companion language. CSS (Cascading Style Sheets, w3.org/Style/CSS) is a very good markup language for color, layout, etc. See my site for examples.

http://home.pcisys.net/~jiso/

Don't use tags either for they are deprecated also. CSS (developed in 1996) can be used universally or in anyplace you wish. Not to mention, it's standardized. If you want a master tutorial on XHTML, CSS, and JavaScript, send me a private message.

acdc_fan1234 · April 20th, 2005, 10:43 PM

wow... i never knew there was so much more out there...

acdc_fan1234 · April 22nd, 2005, 12:07 AM

how do u use code?[/code][/quote]

March 8th, 2005, 06:40 AM	#1
Jacob House of Lords Join Date: Sep 2004 Location: Australia Posts: 2,440	Guide to basic HTML This guide was written before HTML was disabled on these boards. Do not bother pointing out that these codes are not HTML Most boards don't support many html codes so most of this is BB code, which is just as effective to use on community forums. BASIC This text is bold HTML Code: [b]This text is bold[/b] This text is underlined HTML Code: [u]This text is underlined[/u] This text is in italics HTML Code: [i]This text is in italics[/i] If you want you can do all three at once *This text is bold, underlined and in italics* HTML Code: [b][u][i]This text is bold, underlined and in italics[/i][/u][/b] NOTE: try and keep the tags in order This is right HTML Code: [b][u][i]This text is bold, underlined and in italics[/i][/u][/b] Notice how: the bold tag is on the outside at the start and at the end the underlined tag is between the bold and italics at the start and end the italics tag is the always the most inner one Images HTML Code: [img]http://img394.imageshack.us/img394/7825/hitman0ag.jpg[/img] To get an image from your computer to here, you must upload it to the net via an image hosting site www.imageshack.us is probably the best and most used. Size This is size 5 text HTML Code: [size=5]This is size 5 text[/size] You can put any random number instead of 5, don't know the max though Try adding the bold, italic and underline tags to it. Align There are two different ones here This is centered HTML Code: [center]This is centered[/center] This is pushed to the left HTML Code: [left]This is pushed to the left[/left] This is pushed to the right HTML Code: [right]This is pushed to the right[/right] Then there is this one (which doesn't work on this board, but will on some others) [align=center]This is centered[/center] [align=left]This is centered[/left] [align=right]This is centered[/right] __________________ JACOBIEN - 125 COMBAT 85 SLAYER Last edited by Jacob; October 7th, 2007 at 05:36 AM.

March 8th, 2005, 04:47 PM	#2
XGod-chaserX213 Senior Member Join Date: Feb 2005 Posts: 94	i know very little but i do know that Code: <br> means go to the next line (line break)

March 8th, 2005, 05:41 PM	#3
Jtg920 GR Hero Join Date: Dec 2004 Location: Anywhere 'cept hell... Posts: 1,723	The most important thing to remember when making documents with HTML is to close your tags properly; as not to confuse the compiler on what to display. This can prevent many small problems... Also make sure to open all HTML documents the following way. Code: <HTML> <HEAD> <TITLE>Insert Title of Webpage Here!</TITLE> </HEAD> <BODY>Insert content of the document here,</BODY> </HTML> -=~ J.T. ~=- __________________ Jtg920 Persona non grada: n. "Why should you remember me?"

March 8th, 2005, 11:07 PM	#4
XGod-chaserX Retired Staff Join Date: Dec 2004 Location: They're Only Chasing Safety... Posts: 7,693	ok so lets give this a shot... <html><br><head><br><title>This is a test</title><br></head> *<u>I know this works... if some of this post doesnt work right, let me know what im doing wrong...</u>* Code: ok so lets give this a shot... <html><br><head><br><title>This is a test</title><br></head> <b><i><u>I know this works... if some of this post doesnt work right, let me know what im doing wrong...</u></i></b> __________________ It's a gamble either way. It's another tidal wave I'll be waiting with my eyes closed

March 9th, 2005, 01:07 AM	#7
fruitybird RSR Staff Join Date: Nov 2004 Location: Australia Posts: 1,555	Does anyone know the centre text or image tag? I can contribute tags for making your own site if you want. Tags to add backrounds or music and things. __________________ Runescape: Martinabc123 Guildwars: Natural Legend Wow it's been incredibly long! I still check here like... twice a year!

March 9th, 2005, 01:17 AM	#8
Cyclops Retired Global Moderator Join Date: Jul 2004 Location: Gone Posts: 2,901	I think its <centre> I know that <p> is skip a line. __________________ QUIT FOR GOOD

March 9th, 2005, 12:57 PM	#9
Jb_88 Senior Member Join Date: Sep 2004 Posts: 51	Handmedown [color=Blah] Isnt html thats a script installed with the phpnuke forums... Color would be a html code Example: #00000 = Black.

March 10th, 2005, 06:42 PM	#12
chase312 House of Lords Join Date: Dec 2004 Location: world 2 Posts: 1,003	I am a master of HTML so if you need any help Jacob, pm me

March 12th, 2005, 06:15 AM	#15
fruitybird RSR Staff Join Date: Nov 2004 Location: Australia Posts: 1,555	Chase is a master of html, trust me :lol: . This guide is coming along nicely... __________________ Runescape: Martinabc123 Guildwars: Natural Legend Wow it's been incredibly long! I still check here like... twice a year!

March 12th, 2005, 07:28 PM	#16
Handmedown Retired Staff Join Date: Nov 2004 Location: Australia Posts: 7,860	chase is A master but not THE master. There is a big difference..... __________________ Thanks to Polo for the Avatar! (even though you made it 18 months ago) "The amateur practices until he can get it right. A professional practices until he can't get it wrong."

March 18th, 2005, 11:54 PM	#17
chase312 House of Lords Join Date: Dec 2004 Location: world 2 Posts: 1,003	I edited the post. I didn't mean it like I'm claiming to be the best, I was just stating I am very expirenced.

March 27th, 2005, 12:37 PM	#18
webdinger Elite Member Join Date: Mar 2005 Location: Colorado, USA Posts: 116	There are many other HTML tags that you can use to format text. Also, [quote] and [color] are BBCode tags, not HTML tags. Besides that, some of the markup presented in this topic is not standardized. For more information about Web standards, go to w3.org. The <center> tag was developed by Americans, so therefore the British spelling (i.e. <centre>) will NOT work. Also, it is deprecated so you shouldn't be using it anyway. All <br> tags should be closed! (i.e. <br />) What I'm using is XHTML, which is standardized and you should also use CSS as a companion language. CSS (Cascading Style Sheets, w3.org/Style/CSS) is a very good markup language for color, layout, etc. See my site for examples. http://home.pcisys.net/~jiso/ Don't use <font> tags either for they are deprecated also. CSS (developed in 1996) can be used universally or in anyplace you wish. Not to mention, it's standardized. If you want a master tutorial on XHTML, CSS, and JavaScript, send me a private message. __________________ webdinger Combat: 63 ___________________ Firemaking: 55 Woodcutting: 53 Attack: 53 Strength: 52 Defense: 52 Hit Points: 51 Cooking: 51 Fishing: 49 Prayer: 33

April 20th, 2005, 10:43 PM	#19
acdc_fan1234 Elite Club Member Join Date: Mar 2005 Location: wouldnt u like to know Posts: 393	wow... i never knew there was so much more out there... __________________ Remember children apple juice can be dangerous, so don't drink it without adult supervision. Or else... Sigs by me: X-X-X-X-X-X-X-X-X

April 22nd, 2005, 12:07 AM	#20
acdc_fan1234 Elite Club Member Join Date: Mar 2005 Location: wouldnt u like to know Posts: 393	how do u use code?[/code][/quote] __________________ Remember children apple juice can be dangerous, so don't drink it without adult supervision. Or else... Sigs by me: X-X-X-X-X-X-X-X-X

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Massive Basic Html Tutorial	Intergration	Technology	12	May 13th, 2006 06:25 PM
Basic Html Tut	Nero	Technology	6	January 8th, 2006 06:51 PM
A Guide To Basic Borders!	noxx98	How-To Guide	10	November 26th, 2005 12:45 PM
Basic Money making guide	Danno	Help	14	August 19th, 2005 03:27 AM