• Page
• Discussion
• View source
• History

• Main Page
• Classes
• Resources
• Community portal
• Current events
• Recent changes
• Random page
• Help
• IAM home
• IAM blogs
• Columbia home
• MediaWiki home

Contents 1 html syntax 1.1 links / directory structure 1.2 lists 1.3 images 1.4 containers 1.5 validation 1.6 recommended tutorial 2 image optimization 2.1 photoshop

html syntax

the magic formula:

 <element attribute = "value"> content </element>
 OR
 <element attribute = "value" />

examples:

 <a href="http://google.com> google </a>
 OR
 <img src="picture.jpg" />

links / directory structure

lists

unordered

<ul>
      <li> list item </li>
 </ul> 

ordered

<oll>
      <li> list item </li>
 </ol> 

images

<img src="mypicture.jpg" />

containers

<span>span for single line</span>
 <div> for multiple lines</div>

validation

http://www.w3.org/

http://htmlhelp.com/tools/validator/doctype.html

http://validator.w3.org/

recommended tutorial

http://www.w3schools.com/xhtml/xhtml_intro.asp

image optimization

photoshop

Save as for web.

screen shot coming soon.