Difference between revisions of "Design a Website class 2"
esse quam videri
(New page: ==html syntax== the magic formula: <element attribute = "value"> content </element> OR <element attribute = "value" /> examples: <a href="http://google.com> google </a> OR <img...) |
|||
| (2 intermediate revisions by one other user not shown) | |||
| Line 10: | Line 10: | ||
===links / directory structure=== | ===links / directory structure=== | ||
===lists=== | ===lists=== | ||
| + | unordered | ||
| + | <pre><ul> | ||
| + | <li> list item </li> | ||
| + | </ul> </pre> | ||
| + | |||
| + | ordered | ||
| + | <pre><oll> | ||
| + | <li> list item </li> | ||
| + | </ol> </pre> | ||
===images=== | ===images=== | ||
| + | <pre><img src="mypicture.jpg" /></pre> | ||
===containers=== | ===containers=== | ||
| + | <pre><span>span for single line</span> | ||
| + | <div> for multiple lines</div></pre> | ||
===validation=== | ===validation=== | ||
http://www.w3.org/ | http://www.w3.org/ | ||
| + | |||
http://htmlhelp.com/tools/validator/doctype.html | http://htmlhelp.com/tools/validator/doctype.html | ||
| + | |||
http://validator.w3.org/ | http://validator.w3.org/ | ||
| − | ===recommended tutorial | + | |
| − | http://www.w3schools.com/ | + | ===recommended tutorial=== |
| + | http://www.w3schools.com/xhtml/xhtml_intro.asp | ||
| + | |||
==image optimization== | ==image optimization== | ||
===photoshop=== | ===photoshop=== | ||
| − | + | Save as for web. | |
| + | |||
| + | screen shot coming soon. | ||
| + | |||
| + | [[Category:IAM Classes]][[Category:Design a Website]] | ||
Latest revision as of 19:44, 4 August 2008
Contents
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://htmlhelp.com/tools/validator/doctype.html
recommended tutorial
http://www.w3schools.com/xhtml/xhtml_intro.asp
image optimization
photoshop
Save as for web.
screen shot coming soon.
