Creating a Web Page: Part 111 – The Basics
Follow the instructions that appear below to create a simple Web page on any topic that interests you. Type
all the HTML tags exactly as shown; they are displayed here in bold type. The directions in italics will give you
a general idea of your own text to type. In this example, the head of your Web page will contain only a title.
The body of your Web page will contain headings, a short paragraph, an unordered (bulleted) list, an ordered
(numbered) list, bold and italic type, and a link to the University of Maryland Libraries' home page.
Launch Notepad on your computer, by going to Start Programs
Accessories Notepad. To make your efforts at coding a bit easier, go to
“Format” and be sure “Word Wrap” is checked.
VERY IMPORTANT NOTE: Although it is possible to create a web page using Microsoft WORD, do NOT use
WORD or WordPad to create files! (These programs generate non-standard HTML.)
Type the following:
<html>
<head>
<title>
Type the title of your web page here. For example: My First Web Page
</title> [Remember: Always close your tags!]
</head>
<body>
<h1>Type the title or main heading you want to be seen at the top of your Web page. For Example: My First
Web Page </h1>
<p>Type today's date here. </p>
<h2>Type a title for a list. For Example: My Grocery List</h2>
<p>Type a short introduction about the topic. </p>
<ul>
<li>Type your first list item. For example: Cake</li>
<li>Type your second list item. For example: Popcorn</li>
<li>Type your third list item. For example: Dove Bars</li>
<li>Type your fourth list item. For example: Tums</li></ul>
<h2>Type a title for a numbered list. For example: My Vacation Priorities </h2>
<p>Type a second short introduction. </p>
<ol>
<li>Type your first list item. For example: Disneyworld</li>
<Ii>Type your second list item. For example: Hollywood. </li>
Introduction to HTML – UM University Libraries 7
<li>Type your third list item. For example: Universal Studios. </li>
<li>Type your fourth list item. For example: Home. </li></ol>
<p>Type “Authored by” and your name. </p>
0 comments:
Post a Comment
Thank you for your valuable comments..