戻る

ここは、 タグの設定を確認してください。

もちろん、このページでスペースキーを押すと、表示設定のページへ移動します。そこでパラメータを操作して、バックスペースキーで戻ってくると、表示の変化とタグの関係がご理解頂けると思います。

<h1>タグ

<h2>タグ

<h3>タグ

<h4>タグ

<h5>タグ

ここは、<p>タグで記されています。行間隔などを確認してください。

ここは、<p>タグで記されています。行間隔などを確認してください。ここは、<p>タグで記されています。行間隔などを確認してください。

<p id="center">タグで、書かれています。

ここは<a>タグです。

ここは、<a id="mask">タグを使用しています。

<p id = "idt01">こんなタグを書いています。こんなタグを書いています。こんなタグを書いています。こんなタグを書いています。こんなタグを書いています。こんなタグを書いています。</p>

<p id = "idt02">こんなタグを書いています。こんなタグを書いています。こんなタグを書いています。こんなタグを書いています。こんなタグを書いています。こんなタグを書いています。</p>

<p id = "idt03">こんなタグを書いています。こんなタグを書いています。こんなタグを書いています。こんなタグを書いています。こんなタグを書いています。こんなタグを書いています。</p>

<p id = "idt04">こんなタグを書いています。こんなタグを書いています。こんなタグを書いています。こんなタグを書いています。こんなタグを書いています。こんなタグを書いています。</p>

<p id = "idt05">こんなタグを書いています。こんなタグを書いています。こんなタグを書いています。こんなタグを書いています。こんなタグを書いています。こんなタグを書いています。</p>

<p id = "idt06">こんなタグを書いています。こんなタグを書いています。こんなタグを書いています。こんなタグを書いています。こんなタグを書いています。こんなタグを書いています。</p>

<P id="burasage1">こんなタグを書いています。ぶらさげです。ぶら下げを利用すると見出しがとても見やすくなります。<</p>

<P id="burasage2">こんなタグを書いています。ぶらさげです。ぶら下げを利用すると見出しがとても見やすくなります。<</p>

<P id="burasage3">こんなタグを書いています。ぶらさげです。ぶら下げを利用すると見出しがとても見やすくなります。<</p>


表1
タイトル3タイトル2タイトル3
2行1列2行2列2行3列
3行1列3行2列3行3列

以下のリストは、<ol>〜</ol>タグで書かれています。

  1. 1行目
  2. 2行目
  3. 3行目

以下のリストは、<ul>〜</ul>タグで書かれています。


上付<sup>〜</sup>タグ

下付<sub>〜</sub>タグ


表示・非表示に対応するタグとID

ルビるびのように、表示・非表示を切り替えたいときは<RUBY>ルビ<RT>るび</RUBY>のようにルビタグを設定せっていしてください。

重要な解説文などで、表示と非表示を切り替えたい場合には、id="visi"を利用してください。

ここは、解説文です。<P id="visi">と設定しています。


四者択一問題対応のタグとID

問題1 四国の県に愛媛県がある。愛媛県の県庁所在地として適切なのはどれか。四国の県に愛媛県がある。愛媛県の県庁所在地として適切なのはどれか。

1.松山市

2.高松市

3.高知市

4.徳島市

答え:1

上記のような設定には以下のようなタグとIDを利用しています。

<P id="mondaibun">問題1 四国の県に愛媛県がある。愛媛県の県庁所在地として適切なのはどれか。</P>

<P id="sentakushi">1.松山市</p>

<P id="sentakushi">2.高松市</p>

<P id="sentakushi">3.高知市</p>

<P id="sentakushi">4.徳島市</p>

<P id="kotae">答え:1</p>


input


radio1radio2

下の左はimgタグのみ、右はimgタグでid="r"を設定。

福の漢字福の漢字