Design a Website class 2

From IAMMediaWiki Create Change

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

[edit] 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" />

[edit] links / directory structure

[edit] lists

unordered

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

ordered

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

[edit] images

<img src="mypicture.jpg" />

[edit] containers

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

[edit] validation

http://www.w3.org/

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

http://validator.w3.org/

[edit] recommended tutorial

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

[edit] image optimization

[edit] photoshop

Save as for web.

screen shot coming soon.