SharePoint Designer exposes a number of tools for the Code view to help developers with coding for Web pages in an intuitive Visual Studio-like environment. Along with the Tag Properties task pane, the Code view in SharePoint Designer can be used to write code blocks and set properties and attributes of tags, controls, and components.
Like the Design view, the color coding settings of the Code view of SharePoint Designer can also be changed using the Color Coding tab in the Page Editor Options dialog box. Although the default settings here work just fine, the Color Coding tab simply provides a way for you to customize the colors used for various types of code blocks in case you're not comfortable with the default color settings.
While working in the Code view, it's really useful to enable the Code View toolbar, as shown in Figure 6.4. This toolbar exposes many buttons in a single, easily accessible location, helping you avoid having to go through menus to access these features.
Starting from left to right, the Code View toolbar offers these buttons for the Code view:
List Members (Ctrl+L): Displays the properties and events associated with the control where the cursor is placed. For example, if you want to list all the HTML attributes associated with a table tag, just place the cursor on any of the attributes (or ...