ホームページ作成

【ホームページ作成】特殊文字・記号の記述 (HTML)

特殊文字・記号の記述 (HTML)

HTMLでの特殊文字・記号の記述についてまとめました。

「♪」以外の音符記号を表示させたい！

よく使われる音符記号というと「♪」（八分音符）でしょう。漢字変換などで「おんぷ」と入力して変換すれば簡単に出せます。しかし、ウェブ上では「♪」の他にも、四分音符や十六分音符などの音符も表示できます！

ガイド：西村文宏
ウェブ上で使える矢印記号いろいろ↑⇔↓⇒

上下左右を表す矢印記号は「↑↓←→」だけではありません。二重線の矢印や斜め方向の矢印も表示できます。また、三角記号「▲▽」が矢印の代わりに使われることもありますが、実は横向きの三角形も表示できます。

ガイド：西村文宏
Webで使えるスペース(空白文字)いろいろ

空白スペース（空白文字）を連続して表示させる方法を、わかりやすく解説します。HTML中で「 」という実体参照を使う方法のほか、それ以外の方法もご紹介します。

ガイド：西村文宏
スペード、クラブ、ダイヤも表示したい！

ウェブ上で簡単に表示できるのはハートマークだけではありません。それ以外のトランプ記号（クラブ・スペード・ダイヤ）も簡単に表示させられます。実体参照を使ってトランプ記号をいろいろ表示させてみましょう。

ガイド：西村文宏
ハートマークを表示したい！

ホームページ上でハートマークを表示する方法を、わかりやすく解説します。ハートマークは実はとっても簡単に表示できる記号で、色も大きさも自由自在。HTMLの実体参照という特殊記号の表示方法を使います。

ガイド：西村文宏
2乗や3乗をうまく表示する

2乗や3乗を表示したいときどうしますか？ HTMLのsup要素で上付き文字にしますか？でも、Mozilla系ブラウザだと乗数が少し離れてしまいます。それが気になる場合は、実体参照を使って2乗や3乗を作ってみましょう。

ガイド：西村文宏
丸囲み数字、機種依存文字を使うには

「丸囲みの数字」をホームページ上でも使いたい場合、そのまま記述したのでは環境によって全く異なる文字に見える可能性があります。閲覧者の環境に依存せず、問題なく機種依存文字を表示させる方法をご紹介！

ガイド：西村文宏
画像を使わずに絵や記号を表示？特殊なフォントを使う

画像ファイルを使わずに、様々な絵や記号を表示する方法をご紹介。この方法なら、読み込み速度の低下を招かずに絵や記号を好きなだけ使えます。実現方法はとっても簡単なのでぜひお試しを。

ガイド：西村文宏

マネしたくなるアイデア住宅

住まいには、人の個性がよく現れるもの。同じ空間をどのように使うかで、雰囲気も、快適さも大きく変わってくる。ここでは、「建築家と家を建てる」ガイドの川畑博哉氏が厳選した10軒を紹介し、建築家それぞれのこだわりのポイントを紹介しよう。建築のプロたちが考え出した、マネしたくなるアイデアが満載！さぁ、いますぐチェック！