(第1しょう〜第9しょう まとめ)

このページは 学習者に見せないように URLを共有しない/リンクを外す などの運用もできます。

🏠 トップにもどる📘 教材いちらん

第1しょう:HTMLって なに?

  1. HTML は Webページぺーじ の もと に なる 言語げんご です。
  2. <!DOCTYPE html> は HTML5 で ある こと を あらわします。
  3. <head>情報じょうほう<body> は 目 に える 内容ないよう を 書きます。

第2しょう文字もじ見出みだ

  1. <h1><h6>見出みだし の タグ です(すうちいさいほど 大きい)。
  2. <p>段落だんらく(ひとまとまり の ぶん)。
  3. <br>改行かいぎょう

第3しょうリンクりんくナビゲーションなびげーしょん

  1. <a href="URL">リンクりんく を はる タグ。
  2. target="_blank" は べつ タブ で ひらく。
  3. rel="noopener"安全あんぜん の ため に つける。
  4. idhref="#id"おな名前なまえ に する(ページ内リンク が うごく)。

第4しょう画像がぞうキャプションきゃぷしょん

  1. alt画像がぞう表示ひょうじ できない とき の かわり の ぶん
  2. <figure><figcaption>画像がぞう説明せつめい を つける。
  3. width は よこの おおきさ。

第5しょうリストりすとテーブルてーぶる

  1. <ul> は 「・」つき、<ol>番号ばんごうつき。
  2. <tr> は 1ぎょう<th>見出みだし、<td>データでーた

第6しょうフォームふぉーむ入力にゅうりょく

  1. <form>入力にゅうりょく を まとめて おくる。
  2. type="password" は ● で 表示ひょうじ
  3. <select>えらぶ、<textarea>く。

第7しょう:CSS の 基本きほん

  1. color文字もじいろbackground-color背景はいけいいろ
  2. marginそと隙間すきまpaddingなか隙間すきま
  3. font-weight: bold;文字もじふとく。

第8しょうレイアウトれいあうとボックスぼっくす

  1. display: flex; は ボックス を よこ に ならべる。
  2. display: grid; は たて・よこ に ならべる。
  3. ブロック要素ぶろっくようそ は よこいっぱい、インライン要素いんらいんようそぶんなか に ならぶ。

第9しょう:HTML の まとめまとめ

  1. HTML:構造こうぞうつくる。
  2. CSS:える。
  3. ページ の かたちつくる タグ を 「要素ようそ」 と いう。

🏠 トップにもどる📘 教材いちらん