Elf Island Forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.



 
HomepageHomeLatest imagesSearchRegisterLog inRegister

 

 Tutorial: Basic HTML

Go down 
2 posters
AuthorMessage
Dude
Chat Winner

Dude


Number of posts : 31
<br><b>Elf Name</b> : Dude
<b>My Mood</b> : Tutorial: Basic HTML Goofy
<b>Awards</b> : Elf Island Forums Founder
Tina's Trivia Winner! Back to School BASH Trivia Winner

Registration date : 2008-08-15

Tutorial: Basic HTML Empty
PostSubject: Tutorial: Basic HTML   Tutorial: Basic HTML Icon_minitimeMon Sep 01, 2008 3:59 pm

NOTE: The forum just changed all the HTML to BBCode, one moment please Smile

After discussing this a bit, I have decided that there is some interest in HTML and coding. So I will start adding some tutorials for this. I have been coding websites, and other random things for a few years, and I have a fairly good grasp on it. If you would like help on any aspect of HTML, CSS, PHP, or JavaScript you may PM me at any time. Now we will enter the world of... HTML!


HTML CSS OR PHP can't be used on the forums at this time, only bbcode is allowed.


The Basics

HTML is not the easiest way to code. But you must know this before you can move on to other things.

Linebreak
This is like pressing enter on the keyboard, and it will go to a new line.
Code:

<br>

Headers
These will make the size bold, and larger. 1 is the biggest.
Code:
<h1>Header</h1>


<h2>Header</h2>

<h3>You get the idea..</h3>


Bold Text
This will make the text.. bold.
Code:
<b>Bold Text</b>
OR
<strong>Bold Text</strong>

Underlined Text
This will make the text.. underlined.
Code:
<u>Underlined Text</u>

Italic Text
This will make the text.. italic.
Code:
<i>Text</i>
OR
<em>Text</em>

Bullets
This will create a bullet list

Code:

<ul>
<li>Bullet one
<li>Bullet two
</ul>

Font Sizes
This will change the size.
Code:
<font size="12">font</font>

Font Color
This will change the color.

Code:
<font color="red">font</font>

Font Face
This will change the font of it.

Code:
<font face="jokerman">font</font>


Adding Images
This will add a image.
Code:
<img src="http://IMAGEURL.com/JPG.jpg">[/img]

Adding Links
This will add a link.
Code:
<a href="http://elfislandforums.com/URL">LINKED TEXT</a>



I could go on for hours, on each and everyone of them. But for now, there they are. These are only the basics, and I did leave out some of the basic ones, because they can also be used in CSS, and I would advise you to use them in CSS. For example the "<body bgcolor="red">" or things of that nature. The CSS tutorial will be out very soon, as will many others if interest is show in them.

Thats it for now!
Dude


Back to top Go down
http://blog.elfisland.com/?p=23
Kanye
Senior Member
Kanye


Number of posts : 380
Age : 32
<br><b>Elf Name</b> : Kanye
<b>My Mood</b> : Tutorial: Basic HTML Busy
<b>Awards</b> : Elf Island Forums FounderTina's Trivia Winner! Back to School BASH Trivia Winner
Registration date : 2008-08-05

Tutorial: Basic HTML Empty
PostSubject: Re: Tutorial: Basic HTML   Tutorial: Basic HTML Icon_minitimeMon Sep 01, 2008 4:46 pm

Thanks for the info
Back to top Go down
http://blog.elfisland.com/
 
Tutorial: Basic HTML
Back to top 
Page 1 of 1
 Similar topics
-
» Tutorial on posting screenshots.
» Tutorial: Web 2.0 Signatures in GIMP
» Tutorial: Color Edits with GIMP!
» Tutorial: Fonts - Installing and More!
» Tutorial: Borders in GIMP

Permissions in this forum:You cannot reply to topics in this forum
Elf Island Forums :: Other :: Guides, Tips, and Tutorials-
Jump to: