HTML hakkında

arkadaşlar sayfaya html kodlarını çıplak birşekilde koymak istiyorum yani notepad ile hzırladığım html kodları sayfada olduğu gibi çıksın tarayıcı tarafından okunmasın. onu hangi etiketler arasında yazarsak html kodlarını görmezden gelir tarayıcı. <--! --> bu sadece yazıları görmüyor bana etiketleri okumayan şey lazım.

bir de blogspot da html kodlarını sitede nasıl yayımlayabiliriz. yani ordaki kodlar da okunmasın. wordpress de sanırım bunu halledebiliyorduk ama blogspot ta bu yok sanırım

replace kullanarak < karakterini &lt; ve > karakterini de &gt; olarak değiştirip ekrana basabilirisin mesela:

<input type="text" value="&lt;html width=&quot;432&quot; height=&quot;344&quot;&gt;&lt;/html&gt;" onClick='this.select();'>