WebデザインのためのHTML入門

第3回|HTML入門 -属性と要素-

おためし受講中
  • 授業で使用する教材

    教材はありません

「授業フィードバック」で、授業の感想を教えてください!

チュートリアルは、こちらの「その他のオプション」からいつでも確認いただけます。

コピーしました!

ここには授業中のやりとりが表示されます

生放送でのコメントが再生されています

【前半】授業
  • 自己紹介&アジェンダ
  • 00:00:13〜(01:46)
  • 開始タグと終了タグ
  • 00:01:59〜(00:28)
  • 開始タグと終了タグ: 終了タグのないタグ<br>
  • 00:02:27〜(01:26)
  • 開始タグと終了タグ: 終了タグのないタグ<hr>
  • 00:03:53〜(02:52)
  • 開始タグと終了タグ: 終了タグのないタグにcssは当たるのか?
  • 00:06:45〜(01:37)
  • 属性と要素
  • 00:08:22〜(04:34)
  • 【質問】imgタグ内のheight属性とwidth属性はHTML5で廃止されたか
  • 00:12:56〜(06:26)
  • グローバル属性
  • 00:19:22〜(00:21)
  • グローバル属性: 文字の流れる方向を決める dir
  • 00:19:43〜(02:56)
  • グローバル属性: 実はどこでも使える lang
  • 00:22:39〜(01:06)
  • グローバル属性: 実はどこでも使える title
  • 00:23:45〜(01:55)
  • グローバル属性: tabindex
  • 00:25:40〜(02:45)
  • グローバル属性: accesskey属性
  • 00:28:25〜(08:59)
  • map要素の属性: img要素の中にリンクを指定
  • 00:37:24〜(00:57)
  • map要素の属性: map要素とarea要素
  • 00:38:21〜(08:03)
【後半】質疑応答
  • Q:Dreamweaverが禁じ手ってどういう意味でしょうか?
  • 00:46:38〜(01:16)
  • Q:areaとhoverは一緒に使えますか?
  • 00:47:54〜(01:13)
  • Q:hrで出てたsectionに見出しがありませんでしたが、そうなるとarticleの使い分けがよく分かりません。できれば具体例で教えていただけると大変ありがたいです。
  • 00:49:07〜(02:10)
  • Q:スマホ用とパソコン用などデバイスによってそれぞれCSSを書き分けて 切り替える場合のHTMLの指定の仕方が知りたいです。
  • 00:51:17〜(01:48)
  • Q:tabindexはどのようなときに使いますか?
  • 00:53:05〜(00:35)
  • Q:langを使ったらなにができますでしょうか?
  • 00:53:40〜(01:13)
  • Q:属性で、jaをja-jpとしているところもありますが、特にどちらでも変わりませんでしょうか?ja-jpが逆でしたらすいません。
  • 00:54:53〜(01:05)
  • Q:bodyに書くtitleタグもSEOでは重要視されるのですか?
  • 00:55:58〜(01:26)
  • Q:固定するサイトの場合、画像に属性ではなくCSSでwidthとheightを指定しても同じように崩れないでしょうか?それともCSSファイルを読み込む方が遅いので、属性に入れるべきなのでしょうか?
  • 00:57:24〜(01:20)
  • Q:100ポイント?10ポイント?ヒットポイントでしょうか?
  • 00:58:44〜(00:39)
  • お知らせ
  • 00:59:23〜

【ノート機能】
授業内容や覚えておきたいポイントなど、ノートに自由に残せます

再生位置挿入 資料挿入
筆記アシスト
ONOFF
    全5回 2015年8月11日公開
    HTML入門 -属性と要素-

    WebサイトはHTML(文章構造)、CSS(視覚構造)、JavaScript(インタラクション)の組み合わせでできています。その中でも、Webサイトの土台となるHTMLを学んでいきましょう。

    この授業では、W3C(Web技術の標準規格化非営利団体)で2014年10月28日に勧告となった標準規格のHTML5を書く方法をハンズオンで1から学んでいきます。1回づつ完結していますが、シリーズを通して受講されるとHTMLに対する理解が深まります。

    HTMLタグの中には色々な属性名や属性値を含む事ができます。それらの用途と指定方法を学んでいきます。

    ■ 事前準備

    テキストエディタをご用意下さい。既にお使いのものが無ければ『テキストエディタ入門 Atom基本編 (https://schoo.jp/class/2646)』を参考にご準備下さい。

    受講生代表

    • 田原 彩香

      田原 彩香

      スクー放送部

    教室画面の機能をご紹介します

    学習機能を活用して、効率よく学習しましょう!