本演習問題用のフォルダ「html-css-js-exercise」（以下、演習フォルダ）を作成して各演習を進めてください。
演習を進めながら書籍情報ページを作成していく。最終的なページの構成は以下のようになる。
演習フォルダにimgフォルダを作成し、以下の画像をbook.pngというファイル名で保存する。
演習フォルダ直下にbook-info.htmlを作成し、保存した画像をarticle部に表示する。画像は相対パスで指定する。
画像をクリックすると以下のサイトに別タブで遷移するようにする。
URL: https://www.amazon.co.jp/dp/4300101019/
画像の上部にh1タグで書籍名を表示する。
header部にタイトルを追加する。
<body>
<header>
<span>書籍情報</span>
</header>
<article>
<!-- 中略 -->
</article>
</body>header内のspanタグに適切なクラス名を指定し、外部スタイルシートを適用してフォントサイズを大きくする。フォントサイズは x-large とする。
演習フォルダにstaticフォルダを作成し、staticフォルダ内にstyle.cssファイルを作成しなさい。
headerに背景色を適用する。色は自由に決めてOK。
headerに内部余白を設定する。余白のサイズは自由に決めてOK。
以下のようにページ全体の周りにある余白を消去する。
ヒント：Chromeの開発者ツールを使って、どこに余白ができているのか確認してみてください。
articleの両端に5%ずつ余白をつける。
CSSのグリッドレイアウトまたはフレックスボックスを使用して以下のように領域を分割し、それぞれ背景色を適用する。
参考：CSSのグリッドレイアウト
https://qiita.com/kura07/items/e633b35e33e43240d363
※別タブで開くために、Ctrlキー（またはCommandキー）を押しながらリンクをクリックしてください。
グリッドの左側（書籍情報）を中央寄せにする。
グリッドの右側にレビュー情報（星、コメント、水平線）を表示する。
星はオレンジ色で表示する。
article内の下部に投稿欄（総合評価、コメント欄、投稿ボタン）を追加し、背景色をつける。
総合評価は1〜5を選択可能とする。コメント欄は最大50文字とし、入力のヒント（補助文）を表示する。
ページの下部にfooterを追加し、中央寄せでコピーライト（"© 2002 Kelonos Co, Ltd"）を表示する。
articleのグリッドに設定していた背景色を消す。
ここまで作成した書籍情報ページは、次のJavaScriptの章で引き続き利用します。
演習フォルダ内に各JSファイルを作成して演習を進める。最後に、JavaScriptで書籍情報ページにレビュー投稿機能を追加する。
HTML/CSSの演習問題で作成した書籍情報ページにJavaScriptを使って投稿機能を追加する。
コメント欄を入力し、投稿ボタンをクリックすることでコメント内容が画面に追加表示されるようにする（※総合評価の追加は次演習で行う）。
staticフォルダ内にscript.jsファイルを作成し、HTMLファイル（book-info.html）から参照しなさい。
総合評価を選択し、投稿ボタンをクリックすることで、選択した数分の★と残余の☆が画面に追加表示されるようにする。
レビュー投稿後に総合評価を1に、コメント欄を空に初期化する。
投稿時にコメント欄が未入力の場合、「コメントを入力してください。」のエラーメッセージを表示し、処理を終了する。
