HTML入門 #09 表組みを作る

今日やったこと

やったこと・わかったこと

  • table タグ
    • 行 tr (table row)
      • th タグ (table header)
        • 見出し
      • td タグ (table data)
        • 表の実データ
      • ひとつの tr (行) に、th と td が混在してよい(見出しは列方向↓に対してだけでなく行方向→に対して見出しがあることもある)

わかなかったり気になったこと

  • ない

HTML入門 #08 リストを作る

今日やったこと

やったこと・わかったこと

  • body タグでつかえるタグ
    • リスト
      • ul タグ (箇条書きリスト, Unordered List)
        • li タグ (List Item)
      • ol タグ (順番つきリスト, Ordered List)
        • 中身は同じく li タグ

わかなかったり気になったこと

ない。

HTML入門 #07 リンクを張る

今日やったこと

やったこと・わかったこと

  • body タグで使えるタグ
    • リンクの張りかた
      • a タグ(anchor の a)
        • href 属性にリンク先を指定 (href="http://google.com")
        • target 属性 (target="_blank" で別ウィンドでひらく)
        • テキストだけでなく画像もリンクにできる
        • 他の HTML 文書にリンクを張るには (<a href="other.html">こちら</a> などとする)

わかなかったり気になったこと

とくにない。

HTML入門 #06 画像を表示する

今日やったこと

やったこと・わかったこと

  • body タグのなかでつかえるタグ
    • img タグ(画像を表示させるタグ、閉じタグなし)
      • src 属性でファイル名を指定
      • width 書いておいたほうがブラウザでの表示が速くなったりする
      • height 同上
      • alt 属性(代替情報、音声ブラウザとかで読み上げられたりする)

わかなかったり気になったこと

とくにないが、width とか height は、オリジナル感ある発音するひといるので、こういうふうにちゃんと(普通な)発音ふくめで教授されたほうがいいと思っている。

HTML入門 #05 本文に使えるタグ

今日やったこと

やったこと・わかったこと

  • HTML のタグについて
    • body タグのなかでつかえるタグ
    • コメント
      • <!-- これがコメント --> ← ブラウザには表示されない
    • 見出し
      • <h1> h1 から h6 まで。h1 が大見出し
    • 本文
      • <p> タグ(paragraph の p)
    • 改行
      • <br> break の br。閉じタグなし

わかなかったり気になったこと

  • とくになし

HTML入門 #04 もっとheadタグを理解する

今日やったこと

やったこと・わかったこと

  • head タグに書けるもの、タグ
    • スタイルシート(見た目を表現する言語、css)
      • link というタグに書く(rel: どういう種類のものか、href: 場所)
    • ファビコン (ブラウザのタブに出てくるやつ
      • link タグに書く、rel: shortcut icon
    • JavaScript
      • script タグに書く(中身がなくても閉じる <script href="script.js"></script> )

わかなかったり気になったこと

  • とくにないけど、今のところどういう機能なのかよくわからないので勉強の必要がある。

HTML入門 #03 headタグを理解する

今日やったこと

やったこと・わかったこと

  • HTML の構造について
    • 文書宣言
    • html (lang="ja" オプション → 日本語ですよという意味)
      • head (メタ情報)
        • meta タグ → オプションを指定するだけで閉じタグなし
          • charset → 決まり文句みたいなものなので UTF-8(主流) と書いておけばよい
          • description → この文書の説明 (検索サイトの検索結果とかにでてくる)
        • title タグ → ブラウザのタブのとことかに出てくる文言
      • body (本文)

わからなかったり気になったこと

  • とくにない