ヒビカワル

人生100年時代に向けて日々変わることを決意したオッサンのブログです!

本日の学習 Vol.2

こんにちは、チャビです。今日はhtmlの復習についての備忘録です。

リストの作成

箇条書き、順番のあるリスト、入れ子のリスト、などが作成できます。

1. 箇条書き

<ul>
  <li>どんな仕事をしたいか?</li>
  <li>そのために必要なことは何か?</li>
</ul> 

こう書くと

● どんな仕事をしたいか?

● そのために必要なことは何か?

こうなります。

ulは「unorderd list」の略

liは「list item」の略

2. 順番のあるリスト

<ol>
  <li>どんな仕事をしたいか?</li>
  <li>そのために必要なことは何か?</li>
</ol> 

こう書くと

1. どんな仕事をしたいか?

2. そのために必要なことは何か?

こうなります。

olは「orderdl ist」の略

liは「list item」の略

3. 入れ子のリスト

<dl>
  <dt>どんな仕事をしたいか?</dt>
  <dd>クリエイティブな仕事につきたい</dd>
  <dt>そのために必要なことは何か?</dt>
  <dd>専門分野の知見</dd>
</dl> 

こう書くと

どんな仕事をしたいか?

  クリエイティブな仕事につきたい

そのために必要なことは何か?

  専門分野の知見

こうなります。

dlは「description list」の略

dtは「description term」の略

ddは「description detall」の略