ホームページの作り方

日　時：2022年11月21日 9:30から12:00

参加者：小野 大関 大野 青木 池田 藤本

内　容：テキストサイトに従いテキストエディタ、タグと要素、HTML文書の基本構造を設定、タイトルの設定、見出しの設定、段落の設定、DOCTYPE宣言を学習した。
当講習会ではVisual Studio Codeを使って下記の実習を行った。

実習

1. Visual Studio Codeを起動し、新規作成から下記を入力し「zoo.html」として保存した。

   

   
   ブラウザで確認した。
2. 次に全体をbodyタグで括り、HTML文書の基本構造を設定として、さらに外側をhtmlタグで括り、body要素の上に文書のヘッダ部分に関する記述するhead要素を追記した。
3. head要素の子要素としてtitle要素を挿入し、コンテンツとして「動物園2008年12月」を記述した。
見出しの設定として「動物園にて」をh1タグで「ライオン」と「ペンギン」をh2タグで括った。
4. 残っている部分を段落としてpタグで括った。
5. 最後に文書の冒頭に宣言文とmetaタグを挿入して文書を整えた（「!」を入力し「Tab」キーを押すこととによりVisual Studio Codeのエメット機能により入力することができます）。