Documenting Shortcodes

I need to create a howto page where we describe how the shortcodes are being used in the site.

For example I have an accordion Shortcode:

{{%accordion %}}
{{%accord title=“Java”%}}

private int age;
private String name;


{{%accord title=".Net"%}}


How can I display this code as text ?


For example.

Also note the difference between {{% and {{<.

had a look at that but did not realize the syntax … my bad