Mozilla Firefox or any) Step : Click File → Open File (or) Press Ctrl + O Step : From the “Open” dialog box, browse the folder in which the HTML document is saved. Choose the File name and click “Open” button. (Refer Figure . ) Now, your web page is displayed in the browser.
. . . Viewing Source file Source file is an HTML document, what you actually type in text editor (Notepad or getit).
You can view your original source file in the browser. The following steps are to be followed to view a source file. • Right click on the browser • Select View Page Source (Firefox and Chrome) / View Source (Internet Explorer) or Press Ctrl + U (all browser) • Source file will be displayed. Figure .
– Notepad with HTML code Chapter Pages • In Internet Explorer, View → Source is also used to open source file. Remember that, you cannot edit the source file opened using the methods you learnt above. . .
. Edit and Reload the source file Source file can be edit only through the text editor. So, to edit the source file, open the source file with a text editor. When you edit a source file, no need to close browser in which displaying the HTML document.
The following steps are to be followed to open a source file. • Go to the folder in which your source files are located. • According to you default browser, your source file icon is displayed. (Refer Figure .
) Internet Explorer Mozilla Firefox Google Chorme Figure . Source files in different browsers • Right click on the source file that you want to edit • From the pop-up menu, select Open With → Notepad • Source file will be opened in text editor • Make the changes and save the file using File → Save or Ctrl + S. Reload / Refresh the changes: • After modify and save the source file, minimize your source file. • Go to the browser.
• Click Refresh (Internet Explorer) / Reload Current Page