2. Modifying an HTML Document
Now that you have created your first HTML document, you will learn
how to swiftly make changes in your document and view the updates
within your web browser.
After this lesson, you will be able to:
- Re-open the workspace for your web page.
- Make changes in your HTML document using the text editor.
- Reload the document in your web browser to see your changes.
Re-opening Your Workspace
Note: If you do not have the document from the previous lesson, download a copy now.
To complete this lesson, you will need to create a second
window and re-open the text editor window you used in the first
lesson. Here are the steps for re-opening your workspace:
- If not open, create a new window by selecting New
Window from the File menu.
- Use the Open File... command from the File menu to
find and open the HTML file you created in the previous lesson.
- Re-open your text editor program.
- In the text editor, open the file ("Volc.htm") you
created in the previous lesson.
Note: From this point on, we will assume that you can easily
re-open your workspace.
Making Changes in Your HTML Document
- Go to the text editor window.
- Below the text you typed from the previous lesson, Press RETURN a few
times and type the following text:
A volcano is a location where magma,
or hot melted rock from within a planet,
reaches the surface. It may happen violently,
in a massive supersonic explosion, or more
quietly, as a sticky, slow lava flow.
Note that this text should be above the </body> and </html> tags
at the bottom of your HTML file.
- Select Save from the File menu to update the
changes in your HTML file.
Reloading the Document in your Web Browser
Return to the workspace where the previous version of your
file was displayed. Note that the new text you entered in the
previous steps is not yet visible. To see the changes, use the
Reload button or menu item in your web browser.
This instructs your web browser to
read in the same HTML file and display it with whatever changes have
been made. You should now see the new text that you entered.
Note that a web browser ignored the extra blank lines that you entered.
However, you may want to use blank lines and extra spaces to make
your HTML files more readable in your text editor.
Check Your Work
Compare your document to this sample
of how this document should appear. If
your page looks different than the example, review the text
you entered in the text editor. Make sure it matches the text
instructions in the Making Changes in Your HTML Document
section of this lesson.
Review topics for this lesson:
- How did you re-open your workspace?
- What steps did you use to make changes in your HTML document?
- How did you display and view these changes in your web browser?
Like you did in the example, modify your own HTML document that you
started in the last lesson. Add a few more sentences and see if you
can successfully reload the modified document into your web browser.
Now that you have an understanding of the
editing process, we will add big and beautiful section headings to your HTML documents.
Writing HTML Lesson 2: Modifying an HTML Document
Maricopa Center for Learning and Instruction (MCLI)
Maricopa County Community College District, Arizona
The Internet Connection at MCLI is
Alan Levine --}
Comments to email@example.com