what is the difference between local storage and cache in the browser?

When we open application segment in the developer console of chrome. we see many things like

• Application
• Manifest
• service Workers
• storage
• local storage
• session storage
• indexed db
• Web sql
• Cookies
• cache
• Cache Storage
• Application Cache

I know that cache is used for saving the resource locally and cookies for saving the data in the client side for maintaining the session. cache will store in form of key value format.

I want to know the Exactly what is the real difference between them.