それでは,前回作成した評定課題の実験プログラムを修正して,より実験に適したレイアウトに変えていきましょう。具体的には以下のような画面を作成します。
今回はHTMLとCSSを使っていきますが,それぞれの詳しい説明については割愛します。
「Page HTML」では,HTMLを直接入力することが出来ます。以下の「Raw HTML」を選択してください。
以下のような入力画面が表示されます。
<main>タグを使って,主要なコンテンツであることを表明します。HTMLでは,タグの最後にスラッシュつきの同じタグをつけます。
<main>
</main>
また,要素のクラス属性を「class=""」の書き方で記載します。具体的には以下のように記載します。
<main class="content-horizontal-center content-vertical-center">
</main>