I want to establish a web learning site (HTML , JS , ...) like:

i want to put my contents something like this:

I tried the filtering option but it doesn't help

disabling the TinyMCE WYSIWYG Editor is so bad because i want to put some formatting in my content!

is there any way to have both of them?
I meant using a WYSIWYG Editor for text formatting and putting some "tags and codes" (with highlight) in my content!

can you help me?