- html basic template
- doctype
- <tag>, attribute, "value"
- foundation tags, escape sequences
- commonly used tags:- h1, p, ol/ul, a, span, div, img
- table
- form
- iframe
Day 2 demo:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Insert title here</title>
</head>
<body>
<h1>here am i</h1>
<h3>here you are</h3>
<hr/>
<p>i am <tall></p>
<p>This is ⁄you⁄?</p>
<p>How about this.</p>
<hr width="2px" color="rgb(255,0,0)" />
<a href="#c">ccc</a>
<a href="#d">dddd</a>
<a href="../page2.html">external</a>
<p>I am no <sup>body</sup>.I am no body.I am no body.I am no body.I am no body.I am no body.I am no body.I am no body.
I am no body.I am no body.I am no body.I am no body.I am no body.
I am no body.I am no body.I am no body.I am no body.I am no body.I am no body.
I am no body.I am no body.I am no body.I am no body.I am no body.</p>
<img src="building-up-your-credit-score.jpg" />
<p>Who m i?</p>
<p>I am who.</p>
<p>I am no body.I am no body.I am no body.I am no body.I am no body.I am no body.I am no body.I am no body.
I am no body.I am no body.I am no body.I am no body.I am no body.
I am no body.I am no body.I am no body.I am no body.I am no body.I am no body.
I am no body.I am no body.I am no body.I am no body.I am no body.</p>
<p>I am no body.I am no body.I am no body.I am no body.I am no body.I am no body.I am no body.I am no body.
I am no body.I am no body.I am no body.I am no body.I am no body.
I am no body.I am no body.I am no body.I am no body.I am no body.I am no body.
I am no body.I am no body.I am no body.I am no body.I am no body.</p>
<p>I am no body.I am no body.I am no body.I am no body.I am no body.I am no body.I am no body.I am no body.
I am no body.I am no body.I am no body.I am no body.I am no body.
I am no body.I am no body.I am no body.I am no body.I am no body.I am no body.
I am no body.I am no body.I am no body.I am no body.I am no body.</p>
<a id="c"><h5>here</h5></a>
<p>I am no body.I am no body.I am no body.I am no body.I am no body.I am no body.I am no body.I am no body.
I am no body.I am no body.I am no body.I am no body.I am no body.
I am no body.I am no body.I am no body.I am no body.I am no body.I am no body.
I am no body.I am no body.I am no body.I am no body.I am no body.</p><p>I am no body.I am no body.I am no body.I am no body.I am no body.I am no body.I am no body.I am no body.
I am no body.I am no body.I am no body.I am no body.I am no body.
I am no body.I am no body.I am no body.I am no body.I am no body.I am no body.
I am no body.I am no body.I am no body.I am no body.I am no body.</p>
<p>I am no body.I am no body.I am no body.I am no body.I am no body.I am no body.I am no body.I am no body.
I am no body.I am no body.I am no body.I am no body.I am no body.
I am no body.I am no body.I am no body.I am no body.I am no body.I am no body.
I am no body.I am no body.I am no body.I am no body.I am no body.</p>
<p>I am no body.I am no body.I am no body.I am no body.I am no body.I am no body.I am no body.I am no body.
I am no body.I am no body.I am no body.I am no body.I am no body.
I am no body.I am no body.I am no body.I am no body.I am no body.I am no body.
I am no body.I am no body.I am no body.I am no body.I am no body.</p>
<p>I am no body.I am no body.I am no body.I am no body.I am no body.I am no body.I am no body.I am no body.
I am no body.I am no body.I am no body.I am no body.I am no body.
I am no body.I am no body.I am no body.I am no body.I am no body.I am no body.
I am no body.I am no body.I am no body.I am no body.I am no body.</p>
<p>I am no body.I am no body.I am no body.I am no body.I am no body.I am no body.I am no body.I am no body.
I am no body.I am no body.I am no body.I am no body.I am no body.
I am no body.I am no body.I am no body.I am no body.I am no body.I am no body.
I am no body.I am no body.I am no body.I am no body.I am no body.</p>
<a id="d">
<ul>
<li>item 1</li>
<li>item 2</li>
<li>item 3</li>
<li>item 4</li>
<li>item 5</li>
</ul>
</a>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>This is my shop</title>
</head>
<body>
<div>
<ul>
<li><a href="myshop.html">Home</a></li>
<li>Shop</li>
</ul>
</div>
<div>
<a href="contact.htm">Contact Page</a>
<a href="http://www.facebook.com">Find Us in FB</a>
</div>
<div>
<a href="sample1.jpg" target="_blank"><img src="sample1.jpg" /></a>
<img src="sample2.jpg" alt="sample 2"/>
<img src="sample3.jpg" />
<img src="sample4.jpg" />
<img src="sample5.jpg" />
</div>
<div>2012© Irene Copyright</div>
</body>
</html>
No comments:
Post a Comment