Congratulations! We are done with our first step to learning the Hyper-Text-Markup-Lingo for the web… we’ve created our very first HTML document! And now that the document is created you may always want to edit and re-edit the same, implement some changes in the texts or layout of the document. And how do you do that? In order to learn the techniques of editing, it is important for us to learn how to modify an HTML doc.
Welcome to Lesson 3 – Modify your HTML Document.
Modification to an HTML document refers to altering the content and information, the existing layouts and fonts and the like. And trust me, making these alterations in your existing HTML document are not all difficult. To facilitate the entire process of making the necessary and appropriate changes to an existing web page, first of all you re-open the text editor program that was used in the previous lesson. Following are the steps for re-opening your "workspace":
- Open a web browser, go to the File menu, click on Open File and pull up the HTML document created in the previous session.
- Next, go to the text editor program and open the same file there once again.
With the HTML document, open in two different locations, step into the modification phase.
- Open up the document that is there in the text editor program.
- Make the necessary modifications in the textual portions of the HTML document. When modifying the codes or the content, make sure that the texts remain above the </body> and </html> tags.
- Once you’re done with the changes, save the same, return to the browser to view the changes.
Note: To facilitate the task of editing and modifying your HTML documents at some later time, it is a good idea to enter some extra spaces and blank lines in between the major segments of your content. These extraneous spaces are however ignored by the browser, and so you need not worry about the same being displayed in your web pages!
Upon returning to the browser for the first time after effecting the changes, you may not be able to view the alterations in your document until the same is reloaded. Use the refresh button to reload the page. Following the browser reload, now you should be able to view the changed texts and information.
Either you reload your browser following the aforesaid approach, or you can also set up your workstation desktop to display the HTML files flanking your web browser. All you need to do is just select, click and drag the file icon directly into your web browser window, and your HTML document, inclusive of all the changes, opens up in almost no time!
Original Authors: Rajat
Edit Update Authors: M.A.Harris
Updated On: 27/05/2009
