I don't know many Web Developers who didn't learn HTML by example. Luckily, HTML happens to have the biggest functioning reference library of case studies in the world (that would be the web).
What gets painful though, is scrolling through a 1000+ line source documents to try and figure out the markup surrounding one part of the page.
Partial Source to the rescue
View Partial Source allows you to examine the HTML surrounding just the highlighted section (i.e. selected with cursor) of a web page.
My version has been adapted from Microsoft's original version to work in Firefox and Chrome. It can be a little buggy with what it uses for a selection, and tends to yield better results in IE, but it should help you save a lot of time hunting through code.
Install
For Internet Explorer:
Right Click the link, select "Add To Favorites" - this may prompt a security warning (it's just javascript, you can examine it yourself if you are concerned), OK the warning, then save to your Links folder/toolbar.
For Firefox / Chrome:
Simply drag the link onto your browser's links toolbar
Please feel free to suggest improvements below, and don't forget to subscribe to the RSS feed below to stay updated with future scripts, resources and more.
Other Bookmarklets