1253048582さん
\u0026gt;･･･学校の課題でこのページをhtml形式でコードをかけってのがでたんですけど、･････
ご参考に↓
\u0026lt;!DOCTYPE html\u0026gt;
\u0026lt;html lang=\u0026quot;ja\u0026quot;\u0026gt;
\u0026lt;head\u0026gt;
\u0026lt;meta charset=\u0026quot;UTF-8\u0026quot;\u0026gt;
\u0026lt;style\u0026gt;
.wrap{
width: 80%; margin: 0 auto;
}
h1, h2, h3{
text-align: center;
}
.box1{
background-color: #e88;
padding: 8px 32px 8px;
}
.img1{
height: 120px; width: 100%;
}
.box2{
background-color: #efd; text-align: center;
margin-top: 32px; padding:24px 8px;
}
table{margin: 0 auto;}
table img{width: 300px; height: 200px; vertical-align: bottom;}
.table1{border-color: red;}
.table2{border-color: blue;}
\u0026lt;/style\u0026gt;
\u0026lt;/head\u0026gt;
\u0026lt;body\u0026gt;
\u0026lt;div class=\u0026quot;wrap\u0026quot;\u0026gt;
\u0026lt;div class=\u0026quot;box1\u0026quot;\u0026gt;
\u0026lt;h1\u0026gt;マテリアルスイーツ\u0026lt;/h1\u0026gt;
\u0026lt;h3\u0026gt;伝統と素材にこだわった季節のフルーツをしようしたすいーつのお店です。\u0026lt;/h3\u0026gt;
\u0026lt;img class=\u0026quot;img1\u0026quot; src=\u0026quot;https://s.yimg.jp/images/ks/official/nt/grd/prf_150.png\u0026quot; \u0026gt;
\u0026lt;h2\u0026gt;top
\u0026lt;a href=\u0026quot;#\u0026quot;\u0026gt;商品の紹介\u0026lt;/a\u0026gt;
お店の紹介\u0026lt;/h2\u0026gt;
\u0026lt;/div\u0026gt;
\u0026lt;div class=\u0026quot;box2\u0026quot;\u0026gt;
\u0026lt;table border=\u0026quot;1\u0026quot; class=\u0026quot;table1\u0026quot;\u0026gt;
\u0026lt;tr\u0026gt;\u0026lt;td\u0026gt;top\u0026lt;/td\u0026gt;\u0026lt;td\u0026gt;商品の紹介\u0026lt;/td\u0026gt;\u0026lt;td\u0026gt;お店の紹介\u0026lt;/td\u0026gt;\u0026lt;/tr\u0026gt;
\u0026lt;/table\u0026gt;
\u0026lt;h2\u0026gt;商品紹介\u0026lt;/h2\u0026gt;
\u0026lt;table border=\u0026quot;1\u0026quot; class=\u0026quot;table2\u0026quot;\u0026gt;
\u0026lt;tr\u0026gt;\u0026lt;td\u0026gt;商品画像\u0026lt;/td\u0026gt;\u0026lt;td\u0026gt;商品名\u0026lt;/td\u0026gt;\u0026lt;td\u0026gt;価 格\u0026lt;/td\u0026gt;\u0026lt;/tr\u0026gt;
\u0026lt;tr\u0026gt;
\u0026lt;td\u0026gt;\u0026lt;img src=\u0026quot;https://s.yimg.jp/images/ks/official/nt/grd/prf_150.png\u0026quot; \u0026gt;\u0026lt;/td\u0026gt;
\u0026lt;td\u0026gt;\u0026lt;a href=\u0026quot;#\u0026quot;\u0026gt;モンブラン\u0026lt;/a\u0026gt;\u0026lt;/td\u0026gt;\u0026lt;td\u0026gt;300円(税込み)\u0026lt;/td\u0026gt;
\u0026lt;/tr\u0026gt;
\u0026lt;tr\u0026gt;
\u0026lt;td\u0026gt;\u0026lt;img src=\u0026quot;https://s.yimg.jp/images/ks/official/nt/grd/prf_150.png\u0026quot; \u0026gt;\u0026lt;/td\u0026gt;
\u0026lt;td\u0026gt;ロールケーキ\u0026lt;/td\u0026gt;\u0026lt;td\u0026gt;2,000円(税込み)\u0026lt;/td\u0026gt;
\u0026lt;/tr\u0026gt;
\u0026lt;/table\u0026gt;
\u0026lt;/div\u0026gt;
\u0026lt;/div\u0026gt;
\u0026lt;/body\u0026gt;
\u0026lt;/html\u0026gt;
