ページ作成
文字
ソースリスト
CSS
WEBページ作成文字
WEBサイトやブログ作成で使う文字に関してのメモです．
目次
フォント
フォント指定
- フォントは，CSSを用いて設定します．
<span style="font-style:italic;font-weight:bold; font-size:10pt; font-family:serif; color:darkmagenta">Hello world!</span>
Hello world! - 上付きや下付きを美しく書くためには，フォントサイズを少し小さくすると良いです．
4.96×10<span style="vertical-align:super; font-size:80%">22</span> f<span style="vertical-align:sub; font-size:80%">μ λ</span>
4.96×1022
fμ λ
文字装飾
文字の装飾は，CSS の text-decoration を使います．
| 表現 | 出力 | 値 | CSSの例 |
|---|---|---|---|
| 文字列 | 下線 | underline | <span style="text-decoration:underline">文字列</span> |
| 文字列 | 上線 | overline | <span style="text-decoration:overline">文字列</span> |
| 文字列 | 打ち消し線 | line-through | <span style="text-decoration:line-through">文字列</span> |
| 文字列 | 点滅 | blink | <span style="text-decoration:blink">文字列</span> |
特殊文字
特殊文字の書き方
html 文書中で特殊文字の記述方法は，2通りあります．特殊文字の名前で記述する方法と整数のコードで記述する方法です．名前で記述する方法は，
&特殊文字の名前;
です．具体的には，html文書中で「♣」と記述すると，ブラウザで「♣」と表示されます．もうひとつの記述方法，整数コードは以下のようにします．

進整数; 進整数;
例えば，html文書中で「♣」や「♣」と記述すると，ブラウザで「♣」と表示されます．10進数の 9827 を16進数で表すと 2663 になります．
空白
html 文書中の半角のスペース(空白)を二つ以上続けても，ひとつの半角スペースとして認識されます．全角の場合は二つ以上連続したスペースを使うことができます．全角のスペースは私は嫌いなので，連続したスペースを使う場合は特殊文字を並べます．例えば「   」のようにです．「 」がひとつのスペースを表します．HTML の特殊文字にはいろいろなスペースが有り，それを以下の表で示します．
| 空白の種類 | 空白文字 | コード(10進数) | コード(16進数) | 空白出力の例 |
|---|---|---|---|---|
| 空白無し | ■■■■ | |||
| 狭いの空白 |   |   |   | ■■ ■■ |
| 半角スペース | ■■ ■■ | |||
| 改行不可空白 | |   |   | ■■ ■■ |
| 'n'幅の空白 |   |   |   | ■■ ■■ |
| 'm'幅の空白 |   |   |   | ■■ ■■ |
| 全角スペース | ■■ ■■ |
改行
html の改行は「<br>」を使います．xthml では「<br />」のようです．
横棒 (マイナス・ダッシュ，その他)
日本語の文章ではマイナス記号は全角の「ー」くらいです．少し綺麗な文章だと半角の「-」を使ってますね．英文だといろいろなマイナス記号 (横棒) があります．上手に使うと分かりやすい文章が書けます．html のマイナス記号は以下のとおりです．
| 横棒の種類 | 横棒文字 | コード(10進数) | コード(16進数) | 横棒の出力の例 |
|---|---|---|---|---|
| 半角のマイナス | - | - | ||
| 'n'幅のダッシュ | – | — | — | – |
| マイナス | − | − | − | − |
| 'm'幅のダッシュ | — | – | – | — |
| 全角のマイナス | ー | ー | ||
| マクロン | ¯ | ¯ | ¯ | ¯ |
| アンダースコア | _ | _ | _ | _ |
| 上線 | ‾ | ‾ | ‾ | ‾ |
使用頻度の高い特殊文字
私の使用頻度の高い特殊文字をメモします．
| 出力文字 | 文字 | 文字表記 | 10進表記 |
|---|---|---|---|
| × | 掛け算記号 | × | × |
| … | 三点リーダー | … | … |
| < | より小さい | < | < |
| > | より大きい | > | > |
| & | アンパサンド | & | & |
| © | コピーライト(著作権) | © | © |
| ® | 登録商標 | ® | ® |
| ™ | 商標 | ™ | ™ |
| ¥ | 円記号 | ¥ | ¥ |
ページ作成情報
参考資料
- 記号に関しては HTMLの記号・特殊文字の文字コード表（文字実体参照、数値文字参照） 詳しいです．
更新履歴
| 2017年10月13日 | 新規作成 |