I'll first note that <pre> is your friend (but yay, view-source).

and <code>...</code> is even a better friend. The <code> tag is the tag used here to identify code, data, and output. See also Markup in the Monastery.