Search This Blog

Saturday, June 9, 2012

HTML


  • 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 &lt;tall&gt;</p>
  <p>This is &frasl;you&frasl;?</p>
  <p>How about &nbsp;&nbsp;&nbsp;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&copy; Irene Copyright</div>
  
 </body>
</html>

No comments:

Post a Comment