Tuesday, October 03

HTML GRAMMAR

<TAGNAME ATTR="VALUE"
         ATTR="VALUE"
         .....
         ATTR="VALUE" >
  INFO
</TAGNAME>

<TAGNAME ATTR="VALUE">


CSS GRAMMAR

  TAGNAME1 {
    PROP1:VALUE1; 
    PROP2:VALUE2;  
  }

  TAGNAME2 {
    PROP1:VALUE1; 
    PROP2:VALUE2;  
  }

The Web Page

The Source Code

<!DOCTYPE HTML PUBLIC
  "-//W3C//DTD HTML 4.01 Transitional//EN"
  "http://www.w3.org/TR/html4/loose.dtd">
<html>
  <head>
    <title>Practice Quiz</title>
    <style type="text/css">
      body { background-color: #ff11DD; }
      ol { background-color: yellow}
      ul { background-color: silver}
    </style>
  </head>
  
  <body>

    <h1>Practice Quiz</h1>

    <h2>Things you need to know for the quiz.</h2>
    <ol>
       <li>Basic HTML grammer</li>
       <li>All the tags in the book up to chapter 8</li>
       <li>How to add style in the head</li>
       <li>Basic style grammer</li>
       <li>All the css properties on page 330</li>
       <li>How to nest HTML tags</li>
    </ol>

    <h2>Know well the three most difficult mark-ups we have covered
        thus far.</h2>
    <ol>
       <li>Linking
         <ul>
           <li>Tag: <strong>A</strong> (anchor)</li>
           <li>Attributes: <strong>href, title, id</strong></li>
         </ul>
       </li>
       <li>Images 
         <ul>
           <li>Tag: <strong>IMG</strong></li>
           <li>Attributes: <strong>src, alt, width, height</strong></li>
           <li>Has no close tag</li>
         </ul>
       </li>
       <li>Lists
         <ul>
           <li>Tags: <strong>OL</strong> (ordered list) <strong>UL</strong>
               (unordered list)</li>
           <li>Required inner Tag: <strong>LI</strong> (list item</li>
         </ul>
       </li>
     </ol>
  </body>
</html>