Starting a New HTML Document With Geany

The web design class at Ajo High School uses Geany to create and edit web pages. Use the following procedure to start a new HTML document:

  1. Open the Geany text editor program

  2. Click on the "New" icon in the toolbar
    new

    This will open an untitled page.
    new xhtml

  3. Open the Cliptext page and copy the red text under "Empty XHTML Document."
  4. Return to Geany and paste the source code into the untitled document. Save the document. This is how the page should look at this point. Note that the line numbers at the left are not part of the document, nor are the colors applied to the source code. They are optional features of the program.
    HTML blank page
    • Line 1 is the DTD, which defines this document as XHTML 1.0-Strict (Line 1 is word wrapped in this case.)
    • Line 2 starts the HTML element.
    • Line 3 starts the head of the document. The head contains the title and other information about the document, as well as links to supporting documents, such as external style sheets. The head may also contain an internal style sheet.
    • Line 4 is the title of the page. Note that the title element is empty at this point. Before the page is published, a short description of the content of the finished page will be added.
    • Line 5 is a meta element which defines the character set used in this document.
    • Line 6 ends the head of the document.
    • Line 7 starts the body of the document. The body contains all of the content of the web page that is displayed in a web browser.
    • Line 8 is the strarting point for the page contents.
    • Line 9 ends the body element.
    • Line 10 ends the HTML element.
  5. Place the cursor at line 8 and add content to the web page.