テキスト
- ♪見出しを指定したい
- <h1~h6>~</h1~h6>
- その部分が見出しであることを示します。見出しには6段階あり、H1が一番上位、以下数字が大きくなるにつれて見出しのレベルが下がります。
- ♪段落を指定したい
- <p>~</p>
- その範囲が一つの段落であることを示します。一般てきなブラウザではこの範囲の前でテキストが改行され、さらに一行分空白が挿入されます。
- ♪改行させたい
- <br>
- HTML文書で改行を入れてもブラウザ上の表示には反映されません。ブラウザ上で実際に改行させるには、改行したい位置に<br>タグを記載します。
- ♪改行させないで表示したい
- white-space:nowrap
- 通常ブラウザでは、ウインドウズの幅にテキストを自動的に折り返します。テキストを折り替えさずに1行で表示したい場合は、cssのwhite-spaceプロパティの値に「nowrap」を指定します。
- ♪入力したとおりに表示したい
- <pre>~</pre>
- <pre>~</pre>タグで指定された範囲のテキストは、HTML文書内の空白文字や改行などがブラウザ画面にそのまま反映されます。
- ♪文書を引用したい
- <blokquote cite="#">~</blockquoto> <p cite="#">~</p>
- 文章を引用する場合には、次のいずれかのタグを使用します。どちらもcite属性で引用元のURLを指定できます。
- ♪情報源を示したい
- <cite>~</cite>
- 引用元などほかの情報源を参照する部分であることを示します。
- ♪定義語を示したい
- <dfn>~</dfn>
- 用語の定義をしている部分であることを示します。一般的にはイタリック体(斜体)で表示されます。
- ♪強調したい
- <em>~</em> <strong>~</strong>
- <em>~</em>:強調されることを示します。一般的にはイタリック体(斜体)で表示されます。
- <strong>~</strong>より強く強調される部分であることを示します。一般的には太字で表示されます。
- ♪上付き文字・下付き文字を指定したい
- <sup>~</sup> <sub>~</sub>
- <sup>:上付き文字を指定します。 <sub>:下付き表示を指定します。
- ♪コンピュータ関連のテキストを示したい
- <code>~<code> <kbd>~</kbd> <samp>~</samp> <var>~</var>
- <code>:プログラムなどのコンピュータのソースコードを示します。 <kbd>:ユーザーが入力する文字を示します。
- <samp>:プログラムやスクリプトの出力例を示します。 <var>:変数や引数を示します。
- ♪略語や頭文字を示したい
- <addr title="#">~</addr> <acronym title="#">~</acronym>
- <addr>:1文字ずつ読み、1つの発音で表現できないような略語(例:WWW,HTTP,URLなど)の場合に使用します。
- <acronym>:その略語えお1つの単語として発音するもの(例:NATO,UNESCOなど)に対して使用します。
- ♪内容の追加・削除を示したい
- <ins>~</ins> <del>~</del>
- <ins>:その部分が後から追加されたことを示し、一般的には下線が引かれて表示されます。
- <del>:その部分が後で削除されたことを示し一般的には取消線が引かれて表紙されます。
- ♪テキストの表記方向を指定したい
- <bdo dir="#">~</bdo>
- テキストの表記方向を指定します。