演習課題「区切りを設定してみよう」
現在、ブラウザでは、これからよろしくお願いしますと今回はありがとうございましたが続けて表示されています。
区切りを設定し、テーマの変化を明示するためhrタグを使用して表示を変更して下さい。
採点の前にはファイルを保存してください。
採点して、ジャッジに正解すれば演習課題クリアです!
※hrタグの空白の深さは、すでに記述されているpタグとそろえて下さい。
※有料会員になるとこの動画をご利用いただけます
詳しい説明を読む
#03:主題区切り
このチャプターでは、段落レベルのテーマの区切りを表すhr要素について学習します。
hr要素のhrはhorizontal ruleの略であり,段落レベルの要素間において、テーマの意味的な区切りを線で示します。この要素は主に物語の場面転換や別の話題に移行するときに使われます。
hr要素は単に区切り線を表示させる要素ではなく、あくまで『ここがテーマの区切りです』という意味を伝えるために定義された要素です。デザインとして区切り線を入れたい場合にはhr要素ではなく、適切なCSSを用いることを推奨します。
MDN web docs
https://developer.mozilla.org/ja/docs/Web/HTML/Element/hr
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
</head>
<body>
    <p>Hello</p>
    <p>paiza</p>
    <hr>
    <p>Goodbye</p>
    <p>paiza</p>
</body>
</html>