Educational Technologies Center for Life Sciences
Exercise - Create a document and format text
Step 1. Start Simpletext and type this new document, using your own name on the second line. Be sure to bold-face World Wide Web and make two paragraphs in addition to the title lines.My Home Page
University of Illinois
This is a practice document for the purpose of learning how to use HTML markup tags to format a page for the World Wide Web.
This is the second paragraph.
Step 2. Save the file into the HTML class folder, naming it with your last name and the .html extension. Do not close the Simpletext document window, though you may need to reduce the size in order to see the desktop.
SimpleText (and Notepad on the PC) will save documents as "text-only", meaning without special formatting. If you're using a more advanced word processor, you must SAVE AS>TEXT ONLY, which eliminates any propriatory formatting. Otherwise the web browser will not be able to read it.
Step 3. Open it with Internet Explorer Go to the menu bar to FILE>OPEN FILE.... and navigate to the HTML CLASS folder and open the document you just saved. You'll see something that looks like this:
My Home Page Jane Doe University of Illinois This is a practice document for the purpose of learning how to use HTML markup tags to format a page for the World Wide Web. This is the second paragraph.
What happened? The carriage returns, the word wrap and the boldfacing are not HTML tags, so the browser doesn't recognize them. It displays the text, but not the formatting applied by the word processor. Next, we'll structure the document and apply some formatting tags.
Step 4. Do not close the Internet Explorer window, though you may need to resize it. Click on the SimpleText document to make it the active window and thus bring it to the front , and enter the tags that are in boldface below. You'll need to make some space in your document by adding blank lines.
Step 5. Save the file again and click the refresh button in IE. This is what you should get:
What'd we just do?