CS 100 - Computer Literacy, Spring 2005

Lab 9 Solution

HTML code How it looks in browser

<p>
  Here is the list of some of the HTML tags we have seen so far:
</p>

<ol>
  <li> &lt;html&gt; &lt;/html&gt; </li>
  <li> &lt;h1&gt; &lt;/h1&gt; </li>
  <li> &lt;ul&gt; &lt;/ul&gt; </li>
  <li> &lt;ol&gt; &lt;/ol&gt; </li>
  <li> &lt;li&gt; &lt;/li&gt; </li>
  <li> &lt;p&gt; &lt;/p&gt; </li>
  <li> &lt;br&gt; &lt;/li&gt;
  <li> &lt;img&gt; &lt;/li&gt;
</ol>

Here is the list of some of the HTML tags we have seen so far:

  1. <html> </html>
  2. <h1> </h1>
  3. <ul> </ul>
  4. <ol> </ol>
  5. <li> </li>
  6. <p> </p>
  7. <br>
  8. <img>

Some Notes:

There are some interesting things in this solutions. Look at the way to display less than sign < and greater than sign >. In general, these are the special characters in HTML. So the browser can not display them directly, since they are usually part of an HTML tag. So in order to display them, we need special arrangement. In this case &lt; will be used to display the less than sign < (notice that trailing semicolon is a part of the symbol. Similarly, &gt; will be used to display the greater than sign >. A list (though large, not complete) of symbols that can be displayed in HTML using similar syntax is available on this page

In fact, in order to write solution of this page, following symbols were used:

Grading Criteria

In order to grade this lab, the TA visited all the homepages listed on Student List page. If there is an unordered list and an ordered list present on the page, full credit is given. Extra credit of 20% is given for attendance as usual. If your webpage for this lab assignment is different from the one accessible from the Student List page, please contact Devang.