Add a temporary bookmark to code

You can use the Code View toolbar or the Code View submenu on the Edit menu to temporarily bookmark particular locations in the code of a web page so that you can quickly return to those locations when you want to. Unlike HTML anchors (bookmarks) that a hyperlink can point to, code bookmarks only work in the Code view of a page while your web page is open in Microsoft Expression Web. When you close a web page, Expression Web deletes all code bookmarks from that page.

To help you identify code bookmarks, a colored rectangle with rounded edges appears to the left of each line of code that contains a code bookmark. You can change the color of that icon by using the Color Coding settings in the Page Editor Options dialog box. To see code bookmark icons in Code view, the Line numbers option must be selected on the General tab in the Page Editor Options dialog box. You can still add, remove, and navigate code bookmarks when the Line numbers option is cleared and the code bookmark icons are hidden.

Tip

Many features and commands you can use in the Code view of a page have keyboard shortcuts. For more information, see the section entitled "Code view shortcuts" in Keyboard shortcuts.

To add or remove a code bookmark

  • In Code view, place your cursor in the line where you want to add or remove a code bookmark and do one of the following:

    • On the Edit menu, point to Code View, and click Toggle Bookmark.

    • In the Code View toolbar, click Toggle Bookmark Cc295502.1d3eb98a-6bb8-4526-a414-5e8743d126a5(en-us,Expression.40).png.

To remove all code bookmarks in a page

  • In Code view, do one of the following:

    • On the Edit menu, point to Code View, and click Clear Bookmarks.

    • In the Code View toolbar, click Clear Bookmarks Cc295502.44ae1f63-b48c-4800-a88f-8c17ef68c77c(en-us,Expression.40).png.

To navigate code bookmarks

  • In Code view, do one of the following:

    • On the Edit menu, point to Code View, and select Next Bookmark or Previous Bookmark.

    • In the Code View toolbar, click Next Bookmark Cc295502.5405970b-4046-46a0-a493-d0f573420c11(en-us,Expression.40).png or Previous Bookmark Cc295502.21a78a50-631d-4f45-88fb-c1ba290d3f35(en-us,Expression.40).png.

To change the color of code bookmark icons

  1. On the Tools menu, click Page Editor Options.

  2. In the Page Editor Options dialog box, on the Color Coding tab, do the following:

    • ****Code view settings   ****Select to switch to code view settings.

    • ****Display items   ****Select Bookmarks.

    • ****Item foreground   ****Select a color.

See also

Tasks

Go to a specific line of code
Find and replace tags
Add or remove a bookmark (HTML anchor)

Reference

Code view toolbar

Send feedback about this topic to Microsoft. © 2011 Microsoft Corporation. All rights reserved.