重要なお知らせ

このPodcastチャンネルは移動しました。 https://legacy.toiee.jp/mdy_channel/mmdy-html-css-cssframework/

01 はじめに


02 学び方

  • 耳デミーの使い方の説明。
  • 耳デミーは、とりあえず、1周目は聞くだけ。
  • 2周目ぐらいから、本を参考に読んだり、実際に手を動かす。

03 HTMLの歴史

  • HTMLの歴史を知っておくと記憶力が上がる。
  • HTML発祥の地は?なぜ、生まれたのか?その後の発展は?

04 コード化

  • (コード化・通信・再構築)
  • 「人間のコミュニケーション」・「音楽」から「Webサイトが表示される」までを知る。
  • コード=HTMLでルールが決まっているので、読めないことはないことを理解する。

05 コードの実例

  • 実物でWebページがどのように表示されるかを理解する。実際のWebページとHTMLソースを行き来して、どのように対応しているかを知る。
  • 一見、短いプログラミングも、「要素の検証」をすると、よくわかるようになっている。
  • Webサイトは、HTML、CSS、Javascriptをうまく解析して、表示されていることを知る。

06 ブラウザとは

  • ブラウザの語源、ブラウザの歴史の推移、現在のブラウザの種類について知る。

07 ブラウザまとめ

  • 業界標準に則ったルールに沿ったコードを書けば、うまく表示する時代、サイトを作りやすい時代になった。

08 ルールとは


 

09 ルールの学び方


 
  • ルールを素早く理解するコツ3つについて説明しています。ICTの学び方のコツです。

10 HTMLのルール


 

11 タグとは


 
  • <と>で囲まれたものがタグです。タグ、属性、値、小要素について説明しています。

12 タグとは(デモ)


 

13 headタグ


 

14 boilerplate


 

15 Bodyの中


 
  • bodyの中身は「本文」です。そこで使う「タグ」は、使いながら覚えましょう。

16 ルールのルール


 
  • boilerplate(雛形)を使っている様子を見ながら、ルールのルールの理解を深めましょう。

17 HTMLタグを学ぶ方法


 

18 w3schools


 

19 主なタグ1


 
<h1>~<h6>、<p>、<b>、<strong>、<em>、<mark>、<small>、<del>、<ins>、<sub>、<sup>、<blockquote>、<ul><li> ヘッダー1~6、パラグラム、太字、強調、斜体、マーカー、縮小、取り消し線、アンダーライン、下付け、上付け、引用、箇条書きのタグを知りましょう。(覚える必要はありません)


20 主なタグ2


 
<table><tr><th><td>、embed(埋め込みの仕方)(タグなし)、表(列、項目、内容)、動画や音声の埋め込みのやり方を知りましょう。(覚える必要はありません)