ouch....are both the questions individual ? or are supposed to work on the 'same' html page , cause they contradict each other....
neways :
1.How can I make the HTML coding of my webpage invisible to others through View--->Source ???
Ans: various scripts are available that disable the same and dont allow you to do so , although its NOT a completely fool proof system...u might need various ways to block it , right click -> view source, view -> source...the
best way is to encrypt your html code and let everyone have fun on the junk they would see.....
2.How can I block others from editing the HTML coding of my page ?? [I want people to only read the code, not edit]
Ans: Again , similar option as mentioned above , your best best is to encrypt the html code....
Read here :
HTML encryption software: Encrypt HTML source code and disable right mouse click. , this is the best i have seen.