chevron_left

WebデザインのためのHTML入門
PREMIUM
第1回

HTML入門 -文書構造を形作る-

2015年9月11日 60min
HTML入門 -文書構造を形作る- play_arrow おためし受講

スライド資料

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

1 / 48

授業の概要

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
自己紹介＆アジェンダ
02:33
play_arrow
htmlとは何か
04:20
play_arrow
Webページを構成する3つの言語: html、css、JavaScriptについて
08:16
play_arrow
htmlを書くために必要な道具
03:13
play_arrow
【実践】エディタを起動しよう
03:47
play_arrow
【実践】エディタでhtmlを書いてみよう
02:28
play_arrow
【実践】マークアップを書いてみよう
06:49
play_arrow
【実践】<body>タグを書いてみよう
05:22
play_arrow
実践で書いたコードの解説
03:35
play_arrow
インデントして書いてみよう
02:14
play_arrow
htmlのテンプレートとなる構造を作る
04:01
play_arrow
セクショニング構造
02:24
play_arrow
Ｑ：＜section＞の中に＜article＞はダメですか？
01:13
play_arrow
Ｑ：article section h2 p の入れ子の順番のOK、NGの基準がわからなくなっています
05:40
play_arrow
Ｑ：divはもう使われないのですか？
01:40
play_arrow
Ｑ：IE8など古いブラウザーで表示させたい時は、sectionタグなどは使わない方がいいですか？