1. HTMLで画像を読み込んでみよう

それでは,前回作成した評定課題の実験プログラムを修正して,より実験に適したレイアウトに変えていきましょう。具体的には以下のような画面を作成します。

今回はHTMLとCSSを使っていきますが,それぞれの詳しい説明については割愛します。

「Page HTML」では,HTMLを直接入力することが出来ます。以下の「Raw HTML」を選択してください。

以下のような入力画面が表示されます。

<main>タグを使って,主要なコンテンツであることを表明します。HTMLでは,タグの最後にスラッシュつきの同じタグをつけます。

<main>

</main>

また,要素のクラス属性を「class=""」の書き方で記載します。具体的には以下のように記載します。

<main class="content-horizontal-center content-vertical-center">

</main>