chevron_left

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

PREMIUM

スライド資料

会員登録して、全てのスライドを見よう

1 / 32

授業の概要

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

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

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

■ 事前準備

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

こんな人にオススメ

Webサイトを作成したい方/HTMLを理解したい方

チャプター

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