ジョージの毎日

一日一日が特別な一日

夏休み自由研究パート15 「ol,ul,li,dl,dt,dd、の使い方」

こんにちは。どうも!プログラミングジョージです。

f:id:kaseinosyounen:20160818171104j:plain

今日、なんとなくひらめいたのですが、

プログラミングの記事の時は、この「プログラミングジョージ」

としてやっていきたいと思います。

まあ、新キャラクターが出たとか関係なく、

今日もぼちぼちプログラミング(自由研究)やっていきましょう!

それでは、今日使うタグを紹介していきます。

 

ol,手順

ul,個条書き

li,個条書きの中で一行を示すもの

dl,定義☚わかりにくいと覆うので、後々説明します。

dt,もともと使ってたもの☚定義の一部

dd,もともと使っていたものの説明。

 

それでは、やっていきましょう!

今日は個条書きと、一部の人にしか伝わらないものを

説明するときのタグを使います。

過剰書きで使うタグは、

ol,ul,li,です。

 

<ol>は、個条書きの時に使うタグを丸ごと

囲むタグです。

 

<ul>は、<ul>で囲んでるところを個条書きにする

という意味になります。

 

<li>は、例えば個条書きを書くときは

・作る

・食べる

・おいしい

等々書くじゃないですか。

その時に、一行を区別させるのが、

この<li>です。

まあ<ol>がない時の<p>みたいなものです。

実際に書くと、このようになります。

 

<ol>

<ul>

 <li>卵</li>

<li>醤油</li>

<li>ごはん</li>

</ul>

</ol>

この用に書きます。

<ol>の上に、<p>で材料なんて書いたら、

完璧です。

 

次に、定義のやり方です。

定義とは簡単に言うと、卵かけごはんをTKGと

表すとします。

その時に、その時に、

TKGとはT(卵)K(かけ)G(ごはん)と

略にしているのですが、

それを説明する、という意味です。

ではやっていきましょう!

 

使うタグ

 

<dl>、定義をするときに使うタグ、

   定義丸ごと囲まないといけない。

 

<dt>、もともと略していた時の文を

   そのまま書ける。

 

<dd>、どの略なのかを伝えるタグ。

 

 

それではこれらを使って文にしてみましょう。

 

<dl>

<dt>TKG</dt>

<dd>TAMAGOKAKEGOHAN</dd>

</dl>

 

このように打ちます。

すると、わかりやすくなっているので、

試してみましょう。

 

それではまた次のプログラミングで。