HTML：テキストの折りたたみ

いまさらながら、HTMLでのテキストの折りたたみ方を覚えた。忘れないうちにメモしておこう。

使うタグはdetails,summary,pの３つで、その階層構造は以下のようにする。

<details>
<summary> 見出し</summary>
<p>折りたたまれるテキスト</p>
</details>

それそれのタグにフォントサイズや色やの属性を付加して修飾できる。