1. 左側のコードパネルの"index.html"タブをクリック。
  2. "Welcome to Ireland!"の文字を探します！そしてあなたの街の名前に変更します。行頭のテキスト<p>と行末の</ p>を削除しないように注意してください。次に、 "Click To Run"ボタンをクリックします。これは実行ボタンです。右側のパネルのWEBページが更新されます。

  3. 今度は同じ行で<p>と</ p>を<h1>と</ h1>に変更し、[RUN]をクリックします。何が起こりましたか？ <h1>Welcome to Ireland!</h1>

  4. ページにテキストを追加した場合、表示したいテキストを２つのタグで挟む必要があります。
    例：<p>タグはブラウザにテキストの段落であることを伝えます。 <h1>タグは、テキストが見出しであることを伝えます。

    • ブラウザは、ChromeやFirefoxなどのウェブサイトを閲覧するために使用するアプリケーションです。
    • ファイル名の.htmlは、ファイルがWebページであることをブラウザに知らせるので、表示するタグを探します。 HTMLはウェブページを作るコードです。

  5. なぜ２つのタグが必要なのか? 開始と終了の場所をブラウザに伝えるために開始タグと終了タグがあります. 段落の場合、<p>の開始タグには「段落として表示したいテキストがあります」と伝えます。 </ p>の閉じタグは、ブラウザに段落が終了する場所を伝えます. <body>タグと</ body>タグの間の内容がウェブサイトに表示されます。

    • 閉じタグが常にスラッシュ（/）をどのように持つかに注目してください。
    • タグは、段落や見出しや本文など、ページの異なる部分を定義します。これらはすべて要素と呼ばれます。 ビルディングブロックと考えます.

  6. 最後の段落「コーディングWebサイトは楽しいです！」のpをh2に変更してみてください。開始<p>タグと終了</ p>タグの両方で変更することを忘れないでください。

  7. <title>タグと</ title>タグを探し、それらの間のテキストを "Home"に変更します。次に、"Click To Run"をクリックします。

  8. 「My website is about Ireland」という段落のコードを探し、それを次のように変更します:

       <p>
      <em>My website</em> is about <strong>Ireland</strong>. It is going to have the following pages: Attractions, Music, Food
   </p>
    • <em> </ em>タグと<strong> </ strong>タグは何をしていますか？ メモ: "em"は"emphasis"の略です。

  9. 変更を保存するには、右上の青い[SAVE]ボタンをクリックします。

  10. だから、Webページは、それを制御するためのタグ付きのテキストで構成されています！

    • 段落のpタグと見出しのhタグがあります。いくつかの見出しを追加して、タグ内の数字を変更してさまざまなサイズを表示してみてください！ <h1> から <h6> まで変更できます。必要に応じて、新しい<p> </ p>タグの間にさらにテキストを追加してください。

results matching ""

    No results matching ""