Microsoctの公式ページで以下のようなスクリプトを発行しているので使用するとOneNoteに保存リンクが作成できます。
<a href="https://www.onenote.com/clipper/save?sourceUrl=http://dev.onenote.com/& imgUrl=http://antyapps.pl/wp-content/uploads/2013/09/onenote-logo-630x347.jpg& title=Use the OneNote save dialog on your webpages& description=It's easy to send web content to OneNote with the OneNote save dialog!& notes=Sending the OneNote Dev Center webpage to OneNote."> Try the OneNote save dialog</a>
ただのaタグなのでリンクが表示するだけです、imgとかも配布しているので好きなものを使って表示したら割と簡単に保存が出来ます。
ただしほぞんされるのはWebサイトの画像のみ。。。。
HTMLとかを流しこんだり高度な保存がしたいときはOneNoteAPIを使用して開発する必要があるみたいです。
参考にしたページ
Web ページで OneNote 保存ダイアログを使用する