こんにちは、magです。
本日は前回に引き続き、HTMLを学習しました。
内容は以下の通りです。
- リスト
- 表
- リンク
- 画像（相対パスゲーム）
今回のゼミの印象として、後半に行くにつれて内容も難しくなっていたため、後輩（特に２年生）がおろおろしてしまっていたと感じます。
はじめに行ったリストの作成では、ulタグ、liタグともに書き写すだけで平気だったため、みなさんが難なくこなしていた印象です。
次に、表の作成を行いました。ゼミ長が図を用いてわかりやすく説明していたり、各自で試行錯誤したりしながらどの行が何を表しているのかをおおよそ把握できていたと思います！
次にherf属性を使用してURLを指定し、今回はGoogleのトップページをリンクしました。URLを貼り付けるだけでいいので、コスパよくカスタマイズできていましたね！
最後に、画像の入れ込みを行いました。画像を指定するために相対パスを学びましたが、難しくてなかなか伝わっていないような印象でした笑 ゼミ長どんまい！
HTMLも最初は訳のわからない記号や文字がひたすら記述されているものだと思えていました。しかしここまで行うと、最初よりも意味がわかるようになったのではないでしょうか？
このように今の自分をよくできる友達と比べるのではなく、過去の自分と比べることで肩の荷を下ろしつつプログラミングを学ぶことができるのではないでしょうか？
これから授業などでプログラミングを行う機会が増えると思いますが、そんな気持ちで挑みましょう。^^
以上、magが振り返りをお送りしました！
最後に備忘録として今日までに作成したコードを載せておきますね〜。
<!-- 2023/05/29 第一回のHTML回 -->
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>猫の実態</title>
<meta name="discription" content="猫の好きなもの、日々生活をご紹介">
</head>
<body>
<h1>猫の１日</h1>
<p>ひたすら寝ています</p>
<!-- 2023/06/12 第二回のHTML回 -->
<ul>
<li>あ</li>
<li>い</li>
<li>う</li>
</ul>
<br>
<table border="1">
<tr>
<th>いつ？</th>
<th>何食べる？</th>
<th> </th>
<th>現実</th>
</tr>
<tr>
<td>朝</td>
<td>ご飯とお味噌汁</td>
<td> </td>
<td>なし。</td>
</tr>
<tr>
<td>昼</td>
<td>パスタとかの軽いもの</td>
<td> </td>
<td>学食</td>
</tr>
<tr>
<td>夜</td>
<td>焼肉とかお寿司とかをガッツリ</td>
<td> </td>
<td>ご飯とサラダと焼いた肉</td>
</tr>
</table>
<p>
リンク
<a href="https://www.google.com/?hl=ja">リンク</a>
リンク
</p>
<img src="images/syokuji.jpg" alt="食事" width="500">
</body>
</html>