HTML入門 #09 表組みを作る
今日やったこと
- #09 表組みを作る
- http://dotinstall.com/lessons/basic_html/309
やったこと・わかったこと
- table タグ
- 行 tr (table row)
- th タグ (table header)
- 見出し
- td タグ (table data)
- 表の実データ
- ひとつの tr (行) に、th と td が混在してよい(見出しは列方向↓に対してだけでなく行方向→に対して見出しがあることもある)
- th タグ (table header)
- 行 tr (table row)
わかなかったり気になったこと
- ない
HTML入門 #08 リストを作る
今日やったこと
- #08 リストを作る
- http://dotinstall.com/lessons/basic_html/308
やったこと・わかったこと
- body タグでつかえるタグ
- リスト
- ul タグ (箇条書きリスト, Unordered List)
- li タグ (List Item)
- ol タグ (順番つきリスト, Ordered List)
- 中身は同じく li タグ
- ul タグ (箇条書きリスト, Unordered List)
- リスト
わかなかったり気になったこと
ない。
HTML入門 #07 リンクを張る
今日やったこと
- #07 リンクを張る
- http://dotinstall.com/lessons/basic_html/307
やったこと・わかったこと
- body タグで使えるタグ
- リンクの張りかた
- a タグ(anchor の a)
- href 属性にリンク先を指定 (href="http://google.com")
- target 属性 (target="_blank" で別ウィンドでひらく)
- テキストだけでなく画像もリンクにできる
- 他の HTML 文書にリンクを張るには (<a href="other.html">こちら</a> などとする)
- a タグ(anchor の a)
- リンクの張りかた
わかなかったり気になったこと
とくにない。
HTML入門 #06 画像を表示する
今日やったこと
- #06 画像を表示する
- http://dotinstall.com/lessons/basic_html/306
やったこと・わかったこと
- body タグのなかでつかえるタグ
- img タグ(画像を表示させるタグ、閉じタグなし)
- src 属性でファイル名を指定
- width 書いておいたほうがブラウザでの表示が速くなったりする
- height 同上
- alt 属性(代替情報、音声ブラウザとかで読み上げられたりする)
- img タグ(画像を表示させるタグ、閉じタグなし)
わかなかったり気になったこと
とくにないが、width とか height は、オリジナル感ある発音するひといるので、こういうふうにちゃんと(普通な)発音ふくめで教授されたほうがいいと思っている。
HTML入門 #05 本文に使えるタグ
今日やったこと
- #05 本文に使えるタグ
- http://dotinstall.com/lessons/basic_html/305
やったこと・わかったこと
- HTML のタグについて
- body タグのなかでつかえるタグ
- コメント
- <!-- これがコメント --> ← ブラウザには表示されない
- 見出し
- <h1> h1 から h6 まで。h1 が大見出し
- 本文
- <p> タグ(paragraph の p)
- 改行
- <br> break の br。閉じタグなし
わかなかったり気になったこと
- とくになし
HTML入門 #04 もっとheadタグを理解する
今日やったこと
- #04 もっとheadタグを理解する
- http://dotinstall.com/lessons/basic_html/304
やったこと・わかったこと
- head タグに書けるもの、タグ
- スタイルシート(見た目を表現する言語、css)
- link というタグに書く(rel: どういう種類のものか、href: 場所)
- ファビコン (ブラウザのタブに出てくるやつ
- link タグに書く、rel: shortcut icon
- JavaScript
- script タグに書く(中身がなくても閉じる <script href="script.js"></script> )
- スタイルシート(見た目を表現する言語、css)
わかなかったり気になったこと
- とくにないけど、今のところどういう機能なのかよくわからないので勉強の必要がある。
HTML入門 #03 headタグを理解する
今日やったこと
- #03 headタグを理解する
- http://dotinstall.com/lessons/basic_html/303
やったこと・わかったこと
- HTML の構造について
- 文書宣言
- html (lang="ja" オプション → 日本語ですよという意味)
- head (メタ情報)
- meta タグ → オプションを指定するだけで閉じタグなし
- charset → 決まり文句みたいなものなので UTF-8(主流) と書いておけばよい
- description → この文書の説明 (検索サイトの検索結果とかにでてくる)
- title タグ → ブラウザのタブのとことかに出てくる文言
- meta タグ → オプションを指定するだけで閉じタグなし
- body (本文)
- head (メタ情報)
わからなかったり気になったこと
- とくにない