リスト表示をHTMLコードを使ってする方法

次は、リスト表示をHTMLコードを使ってする方法をします。

リスト表示をHTMLコードを使ってする方法

ワードプレスの管理画面を開きます。

左上の「投稿」を押します。

左上の「新規追加」を押します。

左上の「タイトルを追加」に「リスト表示をHTMLコードを使ってする方法」と入力します。

右側の「テキスト」を押します。

テキストのところに、HTMLコードを貼り付けます。

テキストのところに、下記コードをコピーして貼り付けます。

<ul>
<li>サンプル１</li>
<li>サンプル２</li>
<li>サンプル３</li>
</ul>
<ol>
<li>サンプル１</li>
<li>サンプル２</li>
<li>サンプル３</li>
</ol>

貼り付けました。

右側の「公開」を押します。

「OK」を押します。

右上の「変更をプレビュー」を押します。

「サンプル」の文字がリスト表示になっていることを確認します。

HTMLコードの説明

今回、リスト表示にするために使った「ulタグ」、「olタグ」、「liタグ」の説明をします。

「ulタグ」は、行の頭に記号付きリストを表示させるために使います。

「olタグ」は、行の頭に番号付きリストを表示させるために使います。

「liタグ」は、リストにする行に１つずつ付けます。

<ul>
<li>サンプル１</li>
<li>サンプル２</li>
<li>サンプル３</li>
</ul>

<ol>
<li>サンプル１</li>
<li>サンプル２</li>
<li>サンプル３</li>
</ol>