おためし受講中

HTML入門 -入れ子で使うタグ-

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

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

今回の授業では、リストタグやテーブルタグなど親子関係を持つタグとその書き方を学びます。インデントをきる事によって複雑なネスト構造も楽々理解していきましょう。

■ 事前準備

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

学生代表

  • 青島 莉子

    青島 莉子

    スクー放送部

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

再生位置挿入 資料挿入
筆記アシスト
ONOFF
    【チャプター機能】
    授業内容をピンポイントでおさえながら
    ご自身のペースで進めることができます
    【前半】授業
    自己紹介&アジェンダ
    01:36  (00:12 ~ )
    【実践】メニューをリストタグで作る
    00:38  (01:48 ~ )
    いろんなグローバルナビを見てみよう: パターン1
    02:57  (02:26 ~ )
    いろんなグローバルナビを見てみよう: パターン2
    01:59  (05:23 ~ )
    schoo WEB-campusのWebサイトで使われているulを見てみよう
    05:54  (07:22 ~ )
    2種類の箇条書き、ulとolの解説
    01:11  (13:16 ~ )
    順不同リスト「ul」について
    01:49  (14:27 ~ )
    順序リスト「ol」について
    00:55  (16:16 ~ )
    リストタグ作成でやってはいけないこと
    06:35  (17:11 ~ )
    定義リストを作る
    00:05  (23:46 ~ )
    定義リストを作る: dl, dt, ddタグの解説
    02:06  (23:51 ~ )
    定義リストを作る: dfnの解説
    04:27  (25:57 ~ )
    表組みを作る
    02:35  (30:24 ~ )
    【実践】表組みを作る
    13:01  (32:59 ~ )
    【後半】質疑応答
    Q:HTMLの情報整理はどこで行えばよいですか?
    01:00  (47:00 ~ )
    Q:tableコーディングはもう流行っていないのですか?
    03:15  (48:00 ~ )
    Q:<dl><dt><dd>(定義リスト)の使い所はどこですか?
    02:05  (51:15 ~ )
    Q:ulがlist-style:noneになっている時はどうなりますか?
    00:40  (53:20 ~ )
    Q:HTMLコーダーとマークアップエンジニアの違いは何ですか?
    01:00  (54:00 ~ )
    Q:デベロッパーツールで<tbody>がつくのですが、何故ですか?
    00:37  (55:00 ~ )
    Q:rowspan と colspan どちらが行か列かすぐ見分ける方法はありますか?
    02:17  (55:37 ~ )
    Q:ナビゲーションをリストで書くのは何故でしょうか?
    01:22  (57:54 ~ )
    Q:コーダーはEmmetを使わず、手打ちのほうが良いのですか?
      (59:16 ~ )