ログイン会員登録 (無料)

Schooをご利用になるには、JavaScriptの設定を有効にしてください。 →JavaScriptの設定方法（参考）

HTML入門

HTML入門

第1回：2015年2月6日公開

60min

HTML入門第1回 -HTMLとタグ-

コース概要

■ HTML入門〜HTMLとタグ〜

Webサイトを作りたい、Webデザイナーになりたい、プログラマーになりたい、スマホアプリを作りたい。
こんな思いを抱くみなさんが最初に勉強する必要があるもの。それが、HTMLです。

いまや、HTMLは単に「ホームページ」を作るためのものにとどまらず、あらゆる技術に応用が可能になりつつあります。

この授業では、これからHTMLを勉強したいという方はもちろん、きちんとHTMLを理解しないまま使ってしまっている方、プログラマーとしてHTMLにふれる機会があるが、いまいちよく分かっていないなんて言う方も、改めてしっかりと勉強していきましょう。

■ 事前準備

この授業では Atom というテキストエディタを使用します。普段お使いのテキストエディタでも受講可能ですが、操作画面を揃えたい方は事前にダウンロード、インストールしておいて下さい。

https://atom.io/

■ 対象者

HTMLを学びたい方
HTMLへの理解を深めたいプログラマー、デザイナーの方

担当の先生

たにぐちまこと

株式会社エイチツーオー・スペース代表取締役

パーソナリティ

大木しのぶ

スクー放送部

参加したい受講生 : 4502人

授業リスト

HTML入門第1回 -HTMLとタグ-

HTML入門第2回 -見た目だけじゃない、HTML-

HTML入門第3回 -これからのHTML-

HTML入門第1回 -HTMLとタグ-

2015年2月6日公開

60min.

チャプター
授業概要

■ HTML入門〜HTMLとタグ〜

いまや、HTMLは単に「ホームページ」を作るためのものにとどまらず、あらゆる技術に応用が可能になりつつあります。

今回は『HTMLとタグ、属性』について学んでいきます。

今回の授業内容

HTMLって何？
HTMLを書いてみよう
属性を使ってみよう

■ 事前準備

https://atom.io/

■ 対象者

```
HTMLを学びたい方
```

HTMLへの理解を深めたいプログラマー、デザイナーの方

■授業で使用するリンク

資料 P20【マークアップしてみよう】
https://bit.ly/schoo_html_vol1

自己紹介＆アジェンダ
03:47

HTMLってなに？
06:36

HTMLを書いてみよう
10:42

HTMLを書いてみよう：HTMLの”タグ”と”要素”
04:35

HTMLを書いてみよう：タグの意味
03:13

HTMLを書いてみよう：タグの”入れ子”
03:15

マークアップしてみよう
04:58

属性を使ってみよう
06:50

マークアップしてみよう
02:22

まとめ
02:24

Ｑ：属性をわかりやすく一言でいうと何になりますか？
01:08

Ｑ：SublimeとATOMの違いを教えて下さい。
00:45

Ｑ：”が抜けたり、スペルミスがあったり、HTMLに間違いがあるときって、間違い箇所に気付く方法はあるんでしょうか？
01:56

Ｑ：ロゴ画像などにマークアップでh1でくくっても、大丈夫ですか？
00:47

Ｑ：マークアップとコーディングの違いはなんですか？
01:47

Ｑ：HTML、CSS、JSなどのWEBの勉強をしている人は、今までの勉強を無駄にしないように今後を考えると何を目指していけば良いと思われていますか？

スライド資料

HTML入門第2回 -見た目だけじゃない、HTML-

2015年2月6日公開

60min.

チャプター
授業概要

■ HTML入門〜見た目だけじゃない、HTML〜

いまや、HTMLは単に「ホームページ」を作るためのものにとどまらず、あらゆる技術に応用が可能になりつつあります。

今回は『head要素の内容』について学んでいきます。

今回の授業内容

headはなぜあるの？
覚えておきたいタグ
HTMLは誰が決めているの？

■ 事前準備

https://atom.io/

■ 対象者

```
HTMLを学びたい方
```

HTMLへの理解を深めたいプログラマー、デザイナーの方

自己紹介＆アジェンダ
03:21

headはなぜあるの？
02:51

覚えておきたいタグ：titleタグ
03:33

覚えておきたいタグ：meta descriptionタグ
05:11

覚えておきたいタグ：OGP(Open Graph Protocol)タグ
02:15

覚えておきたいタグ：viewportタグ
05:04

HTMLのルールを知ろう
03:16

HTMLの歴史について
09:53

HTMLのルールを破ったらどうなるの？
04:06

まとめ
02:23

Ｑ：タグは基本的に小文字?
00:56

Ｑ：web制作をHTML4.0で行ってる会社もまだあるかと思いますが、これから学ぶ方はHTML5から初めてもよいでしょうか？
01:10

Ｑ：たにぐち先生からHTML, CSSの本がでれば嬉しいのですが、予定はないのでしょうか？
00:33

Ｑ：先ほどWEB標準準拠のお話がありましたが、自己判断でいいとこ取りでマークアップしても、WEB標準に準拠できているのでしょうか？
00:57

Ｑ：改行は、XHTMLでは　
00:46

Ｑ：XHTMLとHTML5が混ざっているのは、ごく普通なことですか？
00:46

Ｑ：いつのまにかhtml5を使っているということ？ xhtmlを使いたい場合は宣言しなければならないのでしょうか？
01:16

Ｑ：html5で廃止されたタグはほかにもありますか?
00:27

Ｑ：headにはCSSとJSはどちらをさきに記載すればよいですか？
01:33

Ｑ：エディタで<html>と書いた場合はhtml5ということですよね？
00:42

Ｑ：HTMLタグは、現状で何種類くらいあるのでしょうか？
01:04

Ｑ：タグと要素の書き方で、例えば<p> （改行）〜〜（改行）</p>のように改行する場合と改行しない場合があると思うのですが、これらの使い分けには何か規格かルールはありますか？

スライド資料

HTML入門第3回 -これからのHTML-

2015年2月6日公開

60min.

チャプター
授業概要

■ HTML入門〜これからのHTML〜

いまや、HTMLは単に「ホームページ」を作るためのものにとどまらず、あらゆる技術に応用が可能になりつつあります。

今回は『Emmet』『ハイブリッドアプリ』について学んでいきます。

授業内容

HTMLを効率よく書こう
HTML5のこれから
次に勉強すべき事

■ 事前準備

https://atom.io/

■ 対象者

```
HTMLを学びたい方
```

HTMLへの理解を深めたいプログラマー、デザイナーの方

自己紹介＆アジェンダ
02:58

HTMLを効率よく書こう
03:34

おすすめコーディングサポート：Emmet
01:31

EmmetをAtomにインストールしてみよう
04:50

Emmetの基本的な使い方
09:22

HTMLのこれから
04:30

HTMLが、不要な世界がやってくる！？
10:17

次に勉強すべき事
09:10

まとめ
02:03

Ｑ：ウェブサイトを作るのにhtmlの他にcss、javascript、ｐｈｐなどを書く必要があると思いますがすべてatomで書いているのですか？
02:28

Ｑ：フロントエンドエンジニアになりたい場合、JavaScriptとPHPだとどちらを優先して勉強したほうがいいでしょうか？
01:19

Ｑ：プロの方もwixなど使ったりするんですか？
01:02

Ｑ：サーバサイドのプログラミング言語はいくつかあると思うのですが、その中で先生が特にPHPをおすすめする理由があれば教えて下さい。
01:40

Ｑ： HTMLはプロのものになりつつあるのでしょうか！？これからどんどん難しくなってしまうのでしょうか？
01:25

Ｑ：プログラミングは一つの言語を極める方がいいでしょうか？

スライド資料

プレミアム生放送

参加型

マインドマップの教科書応用編 -頭を使いこなす力、メンタルリテラシーを鍛える-

第2回 8/20(月) 21:00〜22:30

参加型

Lancersで活躍するフリーランスに学ぼう

第7回 8/23(木) 21:00〜22:00

参加型

パラレルワーク実践 -わがままに生きる術を学び、実践する-

第2回 8/28(火) 20:00〜21:00

参加型

こころの健康づくりを支援するSchooの保健室

第4回 9/6(木) 21:00〜22:00

参加型

みんなが知らない経済のはなし

第1回 9/11(火) 21:00〜22:00

ナラティヴファシリテーションと外在化

けいさんが受講しました

生放送授業への参加は無料です: Schooの会員登録および生放送授業への参加は無料です。生放送授業では先生に質問したり他のユーザーと一緒に楽しく学ぶことができます。

わずか3分で簡単登録できます

会員登録（無料）すでに会員の方はこちらからログイン

今日の生放送

HTML入門

HTML入門 第1回 -HTMLとタグ-

コース概要

■ HTML入門 〜HTMLとタグ〜

■ 事前準備

■ 対象者

担当の先生

たにぐち まこと

パーソナリティ

大木 しのぶ

参加したい受講生 : 4502人

タグ

授業リスト

HTML入門 第1回 -HTMLとタグ-

HTML入門 第2回 -見た目だけじゃない、HTML-

HTML入門 第3回 -これからのHTML-

HTML入門 第1回 -HTMLとタグ-

■ HTML入門 〜HTMLとタグ〜

■ 事前準備

■ 対象者

■授業で使用するリンク

HTML入門 第2回 -見た目だけじゃない、HTML-

■ HTML入門 〜見た目だけじゃない、HTML〜

■ 事前準備

■ 対象者

HTML入門 第3回 -これからのHTML-

■ HTML入門 〜これからのHTML〜

■ 事前準備

■ 対象者

プレミアム生放送

マインドマップの教科書 応用編 -頭を使いこなす力、メンタルリテラシーを鍛える-

Lancersで活躍するフリーランスに学ぼう

パラレルワーク実践 -わがままに生きる術を学び、実践する-

こころの健康づくりを支援するSchooの保健室

みんなが知らない経済のはなし

関連授業

JavaScript入門

Webデザイナー中級者になるためのHTML5/CSS3テクニック10選

CSS入門

WordPress入門 -基礎からのWordPress-

初心者が中級WEBデザイナーにレベルアップするためのHTML5/CSS3テクニック15選

HTML5/CSS3実演生放送 -初心者がつまづくポイントと実践的スキルを解説します-

人気の生放送授業

はしゃぎながら夢をかなえる世界一簡単な法

キムゼミ-未来の自分をつくるための12のステップ-

自律型人材になりたいあなたに贈るリーダーシップ論

仕事の不安が「夢中」に変わる「加減乗除の法則」

Lancersで活躍するフリーランスに学ぼう

本当は13歳から習うべき投資の授業 -新時代のビジネス教養-

夜ヨガで憂鬱な月曜日からの大脱出

月刊：大人の語彙力が使える順できちんと身につく授業

１秒で気のきいた一言が出る -ハリウッド流すごい会話術-

田中亨先生に教えて欲しい、今月のExcelテクニック

新着の生放送授業

受講生代表と語る人気授業『自分を動かす技術＠スクー』

サラリーマンが40代で億万長者になる方法 -稼ぐ前に知っておくべき5つの資産防衛術-

鋼の意思 作成ガイド -「やろう！」がなかなか行動に移せないあなたへ-

【イベント中継】～メディアと語る朝渋～ サイボウズ式 藤村能光さん/明石悠佳さん 「公私混同の複業」

【イベント中継】著者と語る朝渋『仕事2.0 人生100年時代の変身力』著者・佐藤 留美さん

ビットコイン電話会議 -仮想通貨の未来を語ろう-

失敗楽 -水曜21時は楽しく失敗学-

失敗楽 -水曜21時は楽しく失敗学-

失敗楽 -水曜21時は楽しく失敗学-

話題の映画『カメラを止めるな！』監督の上田慎一郎さんと失敗楽

プロコスプレイヤーの五木あきらさんと失敗楽

役者、タレントの内山信二さんと失敗楽

夢スイッチ -未来にチャレンジするすべての人に-

みんなが知らない経済のはなし

本気の遊びを仕事にする「TECH CARAVAN」が伝える、Enjoy仕事術

スナックへるしぃ -管理栄養士が食生活を徹底指導-

僕らの哲学座談会 -答えのない時代を生き抜く対話力-

「朝1分の習慣」で成果を出し、夢を叶える行動術

メンタルが強い人になる -ストレスに負けない心の作り方-

Enjoy the Workout -美ボディを作ろう-

アクティビティ

ナラティヴファシリテーションと外在化

今日の
生放送

HTML入門第1回 -HTMLとタグ-

■ HTML入門〜HTMLとタグ〜

たにぐちまこと

大木しのぶ

HTML入門第1回 -HTMLとタグ-

HTML入門第2回 -見た目だけじゃない、HTML-

HTML入門第3回 -これからのHTML-

HTML入門第1回 -HTMLとタグ-

■ HTML入門〜HTMLとタグ〜

HTML入門第2回 -見た目だけじゃない、HTML-

■ HTML入門〜見た目だけじゃない、HTML〜

HTML入門第3回 -これからのHTML-

■ HTML入門〜これからのHTML〜

マインドマップの教科書応用編 -頭を使いこなす力、メンタルリテラシーを鍛える-

鋼の意思作成ガイド -「やろう！」がなかなか行動に移せないあなたへ-

【イベント中継】～メディアと語る朝渋～サイボウズ式藤村能光さん/明石悠佳さん「公私混同の複業」

【イベント中継】著者と語る朝渋『仕事2.0 人生100年時代の変身力』著者・佐藤留美さん