JavaScript EditorBest javascript editor debugger     Ajax website 

Main Page

Previous Page
Next Page

The Inspiration of Others

One of the easiest ways to expand your (X)HTML fluency is by looking at how other page designers have created their pages. Luckily, (X)HTML code is easy to view and learn from. However, text content, graphics, sounds, video, style sheets, and other external files may be copyrighted. As a general rule, use other designers' pages for inspiration for your (X)HTML, and then create your own content.

To view other designers' (X)HTML code:

Open a Web page with any browser.

Choose View > Source (in some browsers, it's View > Page Source) (Figure 2.27). The (X)HTML code will be displayed (Figure 2.29).

Figure 2.27. All browsers have a menu command that lets you view a page's (X)HTML code. The name varies from Page Source (in Firefox, shown) to View Source, to just Source.

If desired, save the file for further study.


  • You can also save the source code by selecting File > Save As or File > Save Page As in most browsers.

  • Most browsers also let you right-click (or Control-click on a Mac) and then choose a source command (of varying wording) from the pop-up menu (Figure 2.28).

    Figure 2.28. Most browsers will also let you right-click (Control-click on a Mac) and choose the Source command (however it's called) from the pop-up menu that appears. This is Explorer for Windows.

    Figure 2.29. Some browsers display the code in a specified text editor. Others let you choose between the default window in the browser (as shown) or your preferred text editor.

  • For viewing CSS, see The Inspiration of Others: CSS on page 136.

Previous Page
Next Page

JavaScript EditorBest javascript editor debugger     Ajax website