ブラウザのデバッグツールを使ってタグを調査する

Web ブラウザのデバッグツールを使って、ページを構成しているHTML タグの id や class を確認することができます。ショートカットは Mac のものです。

Safari の場合
開発ツールを出して(⌘ + alt + I)ドキュメントのアイコンをクリック。
右側の指のアイコンをクリックして、ページ上にマウスカーソルを乗せると、
タグを確認することができる。

Chrome の場合
開発ツールを出して(⌘ + alt + I)、左下の虫眼鏡マークをクリック。
ページ上にマウスカーソルを乗せるとタグの詳細が表示される。

こっちで他のブラウザもまとめました

http://yokano-jp.blogspot.jp/2013/09/html.html