Welcome to Gaia! ::

The Graphic Makers [TGM]

Back to Guilds

A guild where graphic designers / webpage builders can enjoy each others company. 

Tags: graphic, profile, web design, photoshop, design 

Reply Tutorials & Resources
[coding] Idiot's Guide to Basic HTML

Quick Reply

Enter both words below, separated by a space:

Can't read the text? Click here

Submit

Synthroxide

PostPosted: Tue Jun 19, 2007 4:18 pm
You're a beginner at HTML, right? and you also need some help with coding. Well don't worry, this tutorial will teach you the easy basic stuff to it. : D

First of all, HTML stands for HyperText Markup Language. It's frequently used in many websites and is easy once you get the hang of it. If you're thinking that HTML is the same as BB Code or CSS, you're mistaken.


Remember, this tutorial is not teaching you how to code layouts. It's just to teach some easy basics.


Underlining, Bold, and Italic

Here is the easy stuff that you'll just laugh that it's so easy. To create underlined text, use YOUR TEXT HERE. To make something bold, use: YOUR TEXT HERE. To italicize, use YOUR TEXT HERE. To strike something out, use YOUR TEXT HERE.

Links

Creating links are really easy.
To create a text link, use this code: text link.
To create a text link that opens in a new window: text link
To create an image link:
To create an image link without those blue borders:
To create an image link opening in a new window:


Posting Images

Use the code to post images.

Bullets and Numbering

To create bullets use the code:

  • Text here
  • Text here


To create numbering bullets like 1. 2. 3. use:

  1. text here
  2. text here


Paragraphs


Here's a simple code to create a paragraph:

TEXT GOES HERE


Or you could use this code, which just skips down to another line: TEXT HERE
(put as many
's as you want, depending on how many lines you wish to skip.


Textareas

Use the code:
Now textareas are special. If you place HTML coding in it, it will appear in the text box. Textareas are mainly used for feedback form, or just to display coding.


Headers

If you'd like to create huge text that's way bigger than the nromal text size, just use the easy code

TEXT HERE


can actually be edited in the CSS, but that's a different story. I'm not teaching CSS. Someone with more knowledge will. : D


This is where the end of the tutorial is. If you have any other codes that I've not mentioned and that are BASIC, please feel free to post them in this thread. :3  

PostPosted: Tue Aug 07, 2007 2:31 pm
Gah, I didn't know HTML stood for HyperText Markup Language. Well I probably did but forgotten about it.

Niffy Tricks

Increasing font text:
You can increase the font size with this code, but the size only goes up to size 7 which is the largest.
Example: User Image - Blocked by "Display Image" Settings. Click to show.
To increase the font size, use this coding : Text here.


Change font color:
It's a really easy code, once you over used it. You totally memorized most of the coding.
color>Text here
All you have to change is "color" with either Hex codes or with color names like:
Red, Blue, Green, Black, Orange...etc.

Changing font:
Ever get bored with plain old Verdana?Arial?Tahoma?
ah! With this coding, you can change the font to any other regular or customized fonts. But theres only a few Customized fonts that works.
Impact
">Text here
Just change "Impact" with any other favorite fonts you like.



This is all I can think of for now, I will be back for more eventually.  

grr ima ninja


I r a d i o a c t i v e I

PostPosted: Wed Dec 03, 2008 6:19 pm
OOOOOH!
Thank you!
This is like the first helpful guide that I've found! whee  
PostPosted: Mon Feb 15, 2010 3:45 pm
This is a great guide ^^ You've covered a lot of the basics. Just wanted to add:

Keep in mind that whatever formatting you do in the code - however many lines you skip, or amount of spaces you put - it will not show up. Ten spaces will turn into one, leaving you banging your keyboard in frustration. So remember to use the nonbreaking space entity.


Oh, and also keep in mind that with the exception of the
and
tags (and a few others...?) all tags come in pairs, with a start tag and an end tag.
 

Exploding Tofu

Animal Lover

12,600 Points
  • Invisibility 100
  • Popular Thread 100
  • First step to fame 200

Sidhe the Unfeeling
Vice Captain

6,050 Points
  • Bunny Hoarder 150
  • Bunny Hunter 100
  • Survivor 150
PostPosted: Mon Feb 20, 2012 9:44 am
Still relevant!  
Reply
Tutorials & Resources

 
Manage Your Items
Other Stuff
Get GCash
Offers
Get Items
More Items
Where Everyone Hangs Out
Other Community Areas
Virtual Spaces
Fun Stuff
Gaia's Games
Mini-Games
Play with GCash
Play with Platinum