HTML 4.01 Quick List


HTML Basic Document
  <html>
    <head>
      <title>Document name goes here</title>
    </head>
    <body>
      Visible text goes here
    </body>
  </html>
Heading Elements
  <h1>Largest Heading</h1>
  <h2> . . . </h2>
  <h3> . . . </h3>
  <h4> . . . </h4>
  <h5> . . . </h5>
  <h6>Smallest Heading</h6>
Text Elements
  <p>This is a paragraph</p>
  <br /> (line break)
  <hr /> (horizontal rule)
  <pre>This text is preformatted</pre>
Logical Styles
  <em>This text is emphasized</em>
  <strong>This text is strong</strong>
  <code>This is some computer code</code>
Physical Styles
  <b>This text is bold</b>
  <i>This text is italic</i>





Links, Anchors, and Image Elements
  <a href="http://www.example.com/">This is a Link</a>
  <a href="http://www.example.com/"><img src="URL" alt="Alternate Text"></a>
  <a href="mailto:webmaster@example.com">Send e-mail</a>
A named anchor:
  <a name="tips">Useful Tips Section</a>
  <a href="#tips">Jump to the Useful Tips Section</a>
Unordered List
  <ul>
    <li>First item</li>
    <li>Next item</li>
  </ul>
Ordered List
  <ol>
    <li>First item</li>
    <li>Next item</li>
  </ol>
Definition List
  <dl>
    <dt>First term</dt>
    <dd>Definition</dd>
    <dt>Next term</dt>
    <dd>Definition</dd>
  </dl>
Tables
  <table border="1">
    <tr>
      <th>someheader</th>
      <th>someheader</th>
    </tr>
    <tr>
      <td>sometext</td>
      <td>sometext</td>
    </tr>
  </table>
Frames
  <frameset cols="25%,75%">
    <frame src="page1.htm">
    <frame src="page2.htm">
  </frameset>
Forms
  <form action="http://www.example.com/test.asp" method="post/get">
    <input type="text" name="lastname" value="Nixon" size="30" maxlength="50" />
    <input type="password" />
    <input type="checkbox" checked="checked" />
    <input type="radio" checked="checked" />
    <input type="submit" />
    <input type="reset" />
    <input type="hidden" />
  
    <select>
      <option>Apples</option>
      <option selected>Bananas</option>
      <option>Cherries</option>
    </select>

    <textarea name="Comment" rows="60" cols="20">
     Enter text here.
    </textarea>
  </form>
Entities
  &lt; is the same as <
  &gt; is the same as >
  &#169; is the same as ©
Other Elements
  <!-- This is a comment -->
  <blockquote>
    Text quoted from some source.
  </blockquote>

  <address>
    Address 1<br />
    Address 2<br />
    City<br>
  </address>

Demonstration
The following demonstration shows how the HTML script is displayed on the Web.

     



Review: HTML User Interfaces
    Which tag is used to create the following drop-down list?

      <drop>
      <dropdown>
      <list>
      <select>
Result:        






      Imagine if you walked into a bar and there was    
      a long line of people waiting to take a swing at you.    
      That is the punch line.