HTMLで空白を入れる場合、スペースでなんて人も結構いるかと思います。
でも半角スペースだと連続して空白をかけなかったり、全角スペースだと微調整が効かなかったりしますよね。
実は空白を入れたいからといってスペースを使うのは、HTML的にあまりよろしくないことなんです。

HTMLやそれに付随する他のwebプログラミング言語では、スペースや記号は特殊な文字としてシステム内部で扱われています。
無理やり使ってしまうと、システム内部で別の解釈で受け取ってしまい、予期せぬ不具合が生じたり、最悪ハッキングの餌食なんてことにもなりかねません。
このようなときのために、HTMLではスペースや記号等を他の文字列に置き換えるためのタグが存在します。
その他のプログラミング言語でもエスケープ、エンコード、デコード等々、特殊文字を置き換える文字があったりしますが、それはまた後日・・・。

よく使うHTMLエンコード

記号を上記のHTMLエンコードに置き換えるだけでOKです。
この他にもたくさんありますので、必要な人はHTMLエンコードとかで検索するといいかも。