This article is a Private article. Only a writer and users who know the URL can access it.
Please change open range to public in publish setting if you want to share this article with other users.

More than 1 year has passed since last update.

HTML課題

HTML

Last updated at 2022-10-18Posted at 2022-03-20

HTML課題用フォルダ作成

HTML課題を始める前に、課題用のフォルダを作成します。
VSCodeでProgrammingフォルダを開きましょう。
そして、tasksフォルダをクリックして、フォルダ作成マークをクリックし、新しいフォルダを作成して、HTMLと名前を付けましょう。

これでHTML課題用のフォルダが完成しました。

課題提出方法

以下の手順で、Discordの個別テキストチャンネルに課題を提出してください。

①各課題ごとのフォルダ作成

各課題には、指定したフォルダ名が記載されております。
そのフォルダ名のフォルダをtasksフォルダ下のHTMLフォルダ内に作成してください。
例：フォルダ名「〇〇〇〇_html_h1_tag」
〇〇〇〇の中には、皆さん自身のフルネームを名前を入力してください。

②作成したフォルダをzip形式に圧縮

zip化の方法
・Macの方向け
・Windowsの方向け

③Discordの個別テキストチャンネルへ送信

圧縮したzipファイルを個別テキストチャンネルへ送信してください。

課題を進める上での注意点

インデントを意識してください。
インデントなどでは、半角スペースを使用してください。
調べたことをコピペするだけではなく、しっかりとコードの意味を理解してから使用しましょう。
課題ごとに記載されている検索ワードは、詰まるまでなるべく見ないようにしましょう。

課題提出時の注意点

課題を提出する時は、業務で誰かに提出することをイメージして課題を提出しましょう！
課題はできたものから順次提出してください。
課題と関係のないファイルやフォルダは、提出するフォルダ(zipファイル)内に入れないでください。
提出する前に、正しく画像などが反映されているかの確認をしてください。
課題提出時はどの課題を提出するのかを明記してください。
例：
h1タグの使い方
pタグの使い方
brタグの使い方
上記課題を提出します。

h1タグの使い方

フォルダ名：「〇〇〇〇_html_h1_tag」
〇〇〇〇にはご自身のフルネームを入力してください。

h1タグを使って見出しを表示してください。

⬇出力例⬇

★検索ワード
h1タグ使い方

pタグの使い方

フォルダ名：「〇〇〇〇_html_p_tag」
〇〇〇〇にはご自身のフルネームを入力してください。

pタグを使って文字を表示してください。

⬇出力例⬇

★検索ワード
pタグ使い方

brタグの使い方

フォルダ名：「〇〇〇〇_html_br_tag」
〇〇〇〇にはご自身のフルネームを入力してください。

brタグを使って文字を改行してください。

⬇出力例⬇

★検索ワード
brタグ使い方

imgタグの使い方

フォルダ名：「〇〇〇〇_html_img_tag」
〇〇〇〇にはご自身のフルネームを入力してください。

imgタグを使って画像を表示してください。

○注意点
画像はご自身で用意して下さい

⬇出力例⬇

★検索ワード
imgタグ使い方

ul,liタグの使い方

フォルダ名：「〇〇〇〇_html_list」
〇〇〇〇にはご自身のフルネームを入力してください。

ul,liタグを使ってリストを表示してください。

⬇出力例⬇

★検索ワード
ul,li 使い方

aタグの使い方

フォルダ名：「〇〇〇〇_html_a_tag」
aタグを使って任意のサイトへのリンクを作成してください。

⬇出力例⬇