おためし受講中

HTML入門 -属性と要素-

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

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

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

■ 事前準備

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

学生代表

  • 田原 彩香

    田原 彩香

    スクー放送部

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

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