EDU221IntroToHTML

1. Start a new Word document. 2. Type in what you see below. Replace Mahildabob's name with your name. Mahildabob's Website Under Construction 3. Click on "File", drag down to "Save As" 4. For "Format" select "Text Only" 5. Name your file "sample.html" (no quotation marks) 6. When it tries to warn you that this isn't going to work well, click on "Yes" to do it anyway. //(don't close the Word document)// 7. Open Firefox. 8. click on "File," drag down to "Open File" 9. Pick your sample.html file 10. Put your Word and Firefox windows side by side. Compare the two looks of sample.html What's the same? What's different? Why?

Notice how Mahildabob's Website Under Construction is all on one line, even though you put a return after the word website. HTML coding does not recognize the return character, so you have to add the code for a break to tell it where to insert a line break: 1. Put a break in your Word document (insert after the word website or before the word under) 2. Save your Word document again 3. Click the refresh/reload button in Firefox Did you see the change? :-)

Try adding some of these codes and see what happens. Feel free to try different text, different colors, different numbers, etc. Remember to save the Word document after you add the code, then click the refresh/reload button in Firefox to see the change.
 * Change the background color:
 * Add a horizontal rule or horizontal line:
 * Add a headline or "header": My first page
 * Add a different sized header: By Mergatroy
 * Make text bold: these words are important
 * Make text italicized for emphasis: these words are important, too
 * Center some text: this text will be in the middle of the webpage