A Very Basic Webpage

  1. Open a Text Editor (I recommend TextWrangler)
  2. Cut n’ paste the following text into a new document:

    !DOCTYPE html>
    <title>Page Title</title>
    <body><h1>This is a Heading</h1>
    <p>This is a paragraph.</p></body>
  3. Save the file with the extension .html.
  4. Open the file in your web browser.

Adding an Image

Add this text after the first paragraph:

<h2>A Picture from the 2015 Boston Book Festival</h2>
<img src=”” alt=”Boston Book Festival” style=”width: 50%;”>

A Very Basic Stylesheet

Add the following code to the header of the html document, after the page title and before the </head>:

font-family: Courier;
color: blue;

<<Back to