Introduction to HTML/XHTML

HTML Basics

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"/>
<html>
  <head>
    <meta name="description" content="A sample page"/>
    <title>Sample</title>
    <link rel="stylesheet" href="stylesheet.css"/>
    <link rel="shortcut icon" href="icon.ico"/>
  </head>
  <!-- This is a comment. It will not appear on the browser. -->
  <body>
    <h1>Sample</h1>
    <p>
        This is a paragraph. Here is a 
      <ul>
        <li>list</li>
        <li>with some item</li>
      </ul>
      This is in <b>boldface</b> this is in <i>italics</i> as is <em>this</em>.
    </p>
    <p>
        This is another paragraph. <br/><br/>
        With an empty new line.
    </p>
    <h2>Sub heading</h2>
    <p>
       This is a <a href="http://jmvidal.cse.sc.edu">hyperlink</a>.
       This adds an image: <img src="image.png" title="a rose"/>
    </p>
  </body>
</html>

Sample

Sample

This is a paragraph. Here is a

  • list
  • with some item
This is in boldface this is in italics as is this.

This is another paragraph.

With an empty new line.

Sub heading

This is a hyperlink. This adds an image:


José M. Vidal .

1 of 19