liの中に文章を2行以上書いてもいい？

書けます。liは項目をひとつ入れる箱なので、短い言葉だけでなく、pタグを使った長めの説明を入れることもできます。

olの番号を1からではなく途中から始めたいときは？

olにstart属性を足すと変えられます。たとえばstart="5"と書けば、5番から数字が始まります。

それはCSSの仕事です。HTMLでは「これはリストである」という意味だけを持たせておき、見た目の調整はCSSの回で覚えます。

買い物メモ、手順、好きなものリスト。「いくつかのものが並ぶ」場面って、意外とたくさんありますよね。そういうときに使うのがリスト。段落でだらだら書くより、ぐっと読みやすくなります。

順番のない箇条書きは、<ul> の中に <li> を並べます。

<ul>
  <li>あんぱん</li>
  <li>牛乳</li>
  <li>りんご</li>
</ul>

各項目のあたまに「・」の点がつき、3つがたてにならびます。

タグ	意味
`<ul>`	unordered list（順番のないリスト）の目印。外側の箱
`<li>`	list item（項目）の目印。中に並ぶひとつひとつ

<ul> という箱の中に、<li> をいくつも入れる。「入れ子」がさっそく登場しています。表示すると、各項目のあたまに「・」のような点がつきます。

「手順1、2、3」のように順番が大事なときは、<ul> を <ol> に変えるだけ。

<ol>
  <li>お湯をわかす</li>
  <li>粉を入れる</li>
  <li>3分まつ</li>
</ol>

<ol> はordered list（順番のあるリスト）。中身の <li> はそのまま。すると、点のかわりに 1. 2. 3. と番号がついてくれます。番号は自分で書かなくても、ブラウザが順番につけてくれます。

上が <ul>（点つき）、下が <ol>（番号つき）。中身は同じ書き方でも、あたまの印だけが変わります。

「くだもの」の下に、さらに細かい項目をぶら下げたい——そんなときは、<li> の中にもうひとつリストを丸ごと入れます。

<ul>
  <li>くだもの
    <ul>
      <li>りんご</li>
      <li>みかん</li>
    </ul>
  </li>
  <li>やさい</li>
</ul>

こうすると、「りんご」「みかん」が「くだもの」の下に一段さがって表示され、親子の関係が見た目でも伝わります。目次やカテゴリ分けにぴったり。

「りんご」「みかん」だけが一段右にさがって表示され、親子の関係がひと目で伝わります。

ここまでの例は <li> に短い言葉だけを入れてきましたが、<li> は箱なので、もっと長い説明を入れることもできます。

<ul>
  <li>
    <p>朝ごはん</p>
    <p>パンとたまごを用意する</p>
  </li>
  <li>
    <p>お昼ごはん</p>
    <p>おにぎりをにぎる</p>
  </li>
</ul>

タイトルと説明を、ひとつの <li> にまとめて入れています。「項目ひとつぶんの中身」であれば、<p> を何個入れても、<li> は気にしません。

<p> が2つ入っていても、リストとしては変わらず1項目として扱われているのが分かります。