ray88’s diary

お仕事で困ったとき用の自分用の覚書

トップ > HTML > HTML 箇条書きに使用する要素

HTML 箇条書きに使用する要素

HTML

■箇条書き：ul
■番号付リスト：ol
■リストの項目：li

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
    </head>
    <body>
        <h2>ジャーマンポテト</h2>
        <h3>材料</h3>
        <ul>
            <li>ジャガイモ　２個</li>
            <li>玉ねぎ　１個</li>
            <li>ベーコン 200ｇ</li>
        </ul>
        <h3>作り方</h3>
        <ol>
            <li>ジャガイモと玉ねぎを薄切りにします</li>
            <li>ベーコン、ジャガイモ、玉ねぎの順で炒めます</li>
            <li>塩コショウで味を調えます</li>
        </ol>
    </body>
</html>

f:id:ray88:20200510174711p:plain