How to create a website with notepad

Written by om paramapoonya
  • Share
  • Tweet
  • Share
  • Pin
  • Email
How to create a website with notepad
Creating a website in Notepad is possible once you know basic HTML codes. (adress bar image by Wiktor Osiecki from Fotolia.com)

With the rise of several web-creation programs, such as Web Page Wizard and Adobe Dreamweaver, some people may now consider Notepad as an obsolete web-building tool. However, many programmers still favour Notepad because of its simplicity. To create a website using Notepad, you need basic knowledge of HTML (Hypertext Markup Language). Once you understand the necessary HTML codes and placements, the rest is a no-brainer. The following instructions will teach you how to create a simple one-page website with Notepad, on a Windows PC.

Skill level:
Moderate

Other People Are Reading

Instructions

  1. 1

    Open the Notepad application by clicking on "Start," then selecting "All Programs." Next, select "Accessories" and click on "Notepad."

  2. 2

    Type in the basic HTML skeleton structure as follows:

    <html>

    <head>

    <title></title>

    <meta name="NetsparkQuiltingResult" total-length="1158865" removed="0" rules-found="" />

    </head>

    <body>

    </body>

    </html>

  3. 3

    Type the title of your webpage between the title tags.

  4. 4

    Type the content of your webpage between the body tags. The following is an example of what your html page will look like at this step.

    <html>

    <head>

    <title>Funny Story</title>

    <meta name="NetsparkQuiltingResult" total-length="1158865" removed="0" rules-found="" />

    </head>

    <body>

    A bear walks into a bar and orders a beer. The bartender, impressed that the bear can actually talk, gives him a beer. The bear asks, "How much do I owe you?" The bartender stops and thinks for a moment. Although the bear seems smart, he probably hasn't been to many bars. The bartender replies, "Ten dollars." The bear forks over the money and enjoys his beer. After a few minutes, the bartender tries to strike up a conversation. "You know, we don't get many bears in this bar." The bear looks up from his beer and replies, "Well, at ten bucks a beer, I'm not surprised."

    </body>

    </html>

  5. 5

    Add a heading to your content by placing the heading tags within the body tags. For example:

    <html>

    <head>

    <title>Funny Story</title>

    <meta name="NetsparkQuiltingResult" total-length="1158865" removed="0" rules-found="" />

    </head>

    <body>

    <h1>A Bear in a Bar</h1>

    A bear walks into a bar and orders a beer. The bartender, impressed that the bear can actually talk, gives him a beer. The bear asks, "How much do I owe you?" The bartender stops and thinks for a moment. Although the bear seems smart, he probably hasn't been to many bars. The bartender replies, "Ten dollars." The bear forks over the money and enjoys his beer. After a few minutes, the bartender tries to strike up a conversation. "You know, we don't get many bears in this bar." The bear looks up from his beer and replies, "Well, at ten bucks a beer, I'm not surprised."

    </body>

    </html>

  6. 6

    To divide the text into sections or paragraphs, use the paragraph tags: <p> and </p>. The beginning of a paragraph is marked by <p>, and the end by </p>. For example:

    <html>

    <head>

    <title>A Bear in a Bar</title>

    <meta name="NetsparkQuiltingResult" total-length="1158865" removed="0" rules-found="" />

    </head>

    <body>

    <p>A bear walks into a bar and orders a beer. The bartender, impressed that the bear can actually talk, gives him a beer.</p><p> The bear asks, "How much do I owe you?"</p><p>The bartender stops and thinks for a moment. Although the bear seems smart, he probably hasn't been to many bars. The bartender replies, "Ten dollars."</p><p>The bear forks over the money and enjoys his beer.</p><p>After a few minutes, the bartender tries to strike up a conversation. "You know, we don't get many bears in this bar."</p><p>The bear looks up from his beer and replies, "Well, at ten bucks a beer, I'm not surprised."</p>

    </body>

    </html>

  1. 1

    Click on "File" and select "Save As."

  2. 2

    Save the file with an .htm extension (for example, bear.htm). Change the "Save As Type" drop-down menu to "All Files (.)."

  3. 3

    Navigate to your saved file and open it. Your file will be displayed as a webpage and not as a text document.

Don't Miss

Filter:
  • All types
  • Articles
  • Slideshows
  • Videos
Sort:
  • Most relevant
  • Most popular
  • Most recent

No articles available

No slideshows available

No videos available

By using the eHow.co.uk site, you consent to the use of cookies. For more information, please see our Cookie policy.