Intro to Web Development
How to Create a Simple HTML File Using Notepad
How to Open Notepad
Go to Start > All Programs > Accessories > Notepad
What to Type in Notepad
Type the information below, exactly as shown:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>My First Web Page</title>
</head>
<body>
<p>Welcome to My First Web Page</p>
</body>
</html>
Digital Media Zone 1 University of Missouri-Columbia
Intro to Web Development
Note: The left and right angle brackets < > create a “tag”. A tag is an instruction to the browser
that tells the browser how you want the text or image between the tags to appear on web pages.
The angle-brackets themselves and the instruction between them will not be visible on actual
web pages. Most tags are used in pairs: an opening tag < > and a closing tag < / >. You will place
opening tags and closing tags in your document to tell the browser where you want a certain
effect such as bold, underline, and colors, to begin and to end. No matter what tags you want to
have between the opening and closing body tags, these 5 tags, DOCTYPE, html, head, title, and
body, are required tags in every html document, as they instruct the browser that this is an html
page.
How to Save the File
1. In the Notepad window, go to File > Save As. The “Save As” window will open
2. In the “File name” field, type filename.html. For the assignments page, name it as
assignments.html
3. In the “Save as type” field, select “All files(*.*)” from the drop down menu.
4. Hit “Enter” or click “Save”.
5. Close Notepad (File > Exit)
Digital Media Zone 2 University of Missouri-Columbia
Intro to Web Development
How to View Your Web Page
1. Open your web browser such as Microsoft Internet Explorer or Firefox, go to File > Open >
Browse and find “assignments.html”. When you are done, click “OK”.
Edit Your Page
1. If you want to modify your page (such as adding a line break or more text), you need to open
the html file in Notepad. You cannot modify it in a web browser.
2. In Notepad, modify your page and save these changes. Please keep in mind that you need to
re-save the document every time you make any changes.
3. To make sure that the changes look fine on your page, refresh your browser window to see the
changes.
Digital Media Zone 3 University of Missouri-Columbia
The words you are searching are inside this book. To get more targeted content, please make full-text search by clicking here.
Intro to Web Development Digital Media Zone 1 University of Missouri-Columbia How to Create a Simple HTML File Using Notepad How to Open Notepad
Discover the best professional documents and content resources in AnyFlip Document Base.
Search
How to Create a Simple HTML File Using Notepad
- 1 - 3
Pages: