イントロダクション
HTML ハンズオンpart1,2,3,4,5閲覧いただきありがとうございます！
この記事では、以下を参考記事等を活用しながらHTMLのハンズオンした内容をまとめます。
書籍『改訂版 演習 Webプログラミング入門』
目次
- HTMLファイル作成(schedule.html)
1. HTMLファイル作成(schedule.html)
書籍『改訂版 演習 Webプログラミング入門』総合練習問題2のschedule.htmlを作成します。
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>お散歩情報</title>
</head>
<body>
<h1>お散歩しませんか？</h1>
<h2>港区イベント情報</h2> </h2>
<ul>
<li>春のイベント</li>
<li>夏のイベント</li>
<li>秋のイベント</li>
<li>冬のイベント</li>
</ul>
<table border="1">
<tr>
<th colspan="3">春のイベント</th>
</tr>
<tr>
<th>月日</th>
<th>イベント内容</th>
<th>場所</th>
</tr>
<tr>
<td>3月3日</td>
<td>ひなまつりショー</td>
<td>青海子供広場</td>
</tr>
<tr>
<td>4月1日</td>
<td>桜祭り</td>
<td>芝公園</td>
</tr>
<tr>
<td>5月5日</td>
<td>子ども映画祭</td>
<td>高輪センター</td>
</tr>
</table>
<br>
<table border="1">
<tr>
<th colspan="3">夏ベント</th>
</tr>
<tr>
<th>月日</th>
<th>イベント内容</th>
<th>場所</th>
</tr>
<tr>
<td>6月6日</td>
<td>手工芸フェア</td>
<td>台場区民会館</td>
</tr>
<tr>
<td>7月25日</td>
<td>水泳大会</td>
<td>港区区民センター</td>
</tr>
<tr>
<td>8月28日</td>
<td>夏休み工作教室</td>
<td>鳥井坂会館</td>
</tr>
</table>
<br>
<table border="1">
<tr>
<th colspan="3">秋イベント
</tr>
<tr>
<th>月日</th>
<th>イベント内容</th>
<th>場所</th>
</tr>
<tr>
<td>9月18日</td>
<td>発明展示会
<td>三田会館ホール</td>
</tr>
<tr>
<td>10月10日</td>
<td>スポーツ大会</td>
<td>港区立体育館</td>
</tr>
<tr>
<td>11月3日</td>
<td>区民文化祭</td>
<td>港区文化会館</td>
</tr>
</table>
<br>
<table border="1">
<tr>
<th colspan="3">冬イベント
</tr>
<tr>
<th>月日</th>
<th>イベント内容</th>
<th>場所</th>
</tr>
<tr>
<td>12月23日</td>
<td>第九演奏会</td>
<td>サントリーホール</td>
</tr>
<tr>
<td>1月10日</td>
<td>新春餅つき大会</td>
<td>是清公園</td>
</tr>
<tr>
<td>2月28日</td>
<td>俳句大賞受賞式</td>
<td>国際会館</td>
</tr>
</table>
</body>
</html>
以下のWebページが作成されます！
まとめ
最後までご覧いただきありがとうございます！！総合練習2に取り組んでみました！次回は画像配置について学んでいきます！