Welcome to Gaia! ::

My Design :: Web and Graphic Design [HTML CSS PHP]

Back to Guilds

XHTML, CSS, jQuery, Javascript, PHP, mySQL, MORE! 

Tags: design, graphics, html, jquery, javascript 

Reply (x)HTML & CSS
HTML Guide

Quick Reply

Enter both words below, separated by a space:

Can't read the text? Click here

Submit

z!p

PostPosted: Wed Jun 14, 2006 10:23 am


Here is a quick reference guide for all those who can not remember those tricky tags. I will try to give you an example of the tag if possible. If you want to find a tag quickly press Ctrl + F to open the search tool.

To start off the base of a HTML page looks like this:




Untitled Document





Doctype is very important when coding a web page. The one in this example is HTML Strict. It is important because you want your code to validate. If your code does not validate it may not show up correctly in some browsers.

You put the stuff you want members to see in the body tag and stuff that works in the background (CSS, javascript etc) in the head tag.

There are 2 main tags you need to know when designing a site. Divs and Lists. They are easy to style with CSS.

Div Tag
Content

This creates a box which hold content or other divs. Divs have replaced tables.

Lists

  • Item 1

  • Item 2

  • Item 3



This creates a list, sorta like this
  • Item 1
  • Item 2
  • Item 3

You would use a list to list items or for a navigation.

Span
Content

The Span contains your text so it is easier to style. Some use the bold take instead because it loads faster. I personally use the span tag.

Bold
text

Example: text

h1, h2 etc

TEXT


The h1, h2 and other tags create headers. They basically just make the text size bigger.

Italic
text

Example: text

Underline
text

Example: text

Image
name of image

Example: exclaim

Link
text
text
Example: exclaim

HTML and CSS go hand in hand, I would suggest looking at the CSS guide in this forum.

HTML Links:
http://www.w3schools.com/html/default.asp
PostPosted: Thu Jul 13, 2006 12:27 pm


i'm currently building a web design tutorial website ... would you like to help me?

pm.shen


z!p

PostPosted: Fri Jul 14, 2006 10:25 am


andyshen1989
i'm currently building a web design tutorial website ... would you like to help me?
not really.
PostPosted: Mon Aug 07, 2006 9:06 pm


QWERTY

=-3

Sepharael


z!p

PostPosted: Wed Aug 09, 2006 2:02 pm


Sepharael
QWERTY

=-3
I feel lazy. I will put this up later.
Thanks
PostPosted: Sat Aug 19, 2006 5:10 am


Maybe I could write a CSS guide?

Not a silly "How to make your profile pretty!" guide... I mean a "How to use CSS the proper way!" guide xD

Hoggs
Vice Captain


z!p

PostPosted: Sat Aug 19, 2006 1:42 pm


Hoggs
Maybe I could write a CSS guide?

Not a silly "How to make your profile pretty!" guide... I mean a "How to use CSS the proper way!" guide xD
Go for it!
That is one reason why I hate myspace.
PostPosted: Sat Aug 19, 2006 9:47 pm


z!p
Hoggs
Maybe I could write a CSS guide?

Not a silly "How to make your profile pretty!" guide... I mean a "How to use CSS the proper way!" guide xD
Go for it!
That is one reason why I hate myspace.
I can't stand myspace, the site design is horrable >_<"

Hoggs
Vice Captain


DreamPhreak

PostPosted: Sat Aug 19, 2006 10:12 pm


dont forget iframes, embeds, or fieldsets (with legend).
xd
PostPosted: Sat Aug 19, 2006 10:13 pm


Hoggs
z!p
Hoggs
Maybe I could write a CSS guide?

Not a silly "How to make your profile pretty!" guide... I mean a "How to use CSS the proper way!" guide xD
Go for it!
That is one reason why I hate myspace.
I can't stand myspace, the site design is horrable >_<"


i dont like myspace either, the design is bad.. why not just make your own site? rofl

DreamPhreak


PhotoShopGraffiti

PostPosted: Sat Oct 07, 2006 8:02 am


Yeah I know... I tried to change mine as much as possible. I'm never happy with the layout though....  
PostPosted: Sun Feb 04, 2007 9:44 pm


Sepharael
QWERTY

=-3


Not in w3c standards, IE only, and I refuse to read stuff in a marquee because it is annoying to wait for the beginning and have to read at exactly the scroll spreed.

the_kostya


My Documents
Captain

PostPosted: Sat Apr 14, 2007 5:35 pm


updated
Reply
(x)HTML & CSS

 
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