瞬間と永遠.com 自分を探し自分を知るブログ@愛知県豊田市・名古屋市 > 日々 > HTML のタグの性質を理解するためのゲームとかあったらなー
HTML のタグの性質を理解するためのゲームとかあったらなー
- 2010-11-24 (水)
- 日々
HTML のボックスモデルを理解するためのゲームがあればいいのに。ブロック要素とかインライン要素とかそういったややこしいことが、ゲームをしてると自然に身につくとか。
今日、HTML がわからないデザイナーの子に HTML の説明をしていて、どうにか手っ取り早く理解する方法はないものかと考えていた。まあ一度組んでみるのが早いというのは言うまでもないのだけど・・。
わかりやすい言葉で概念的なルールを並べていったらいいんじゃないかと思い、書いてみたのがこれ。
HTML の仕組み
HTML は箱の組み合わせでできています。
箱の中にさらに箱をいれることができます。
箱について
- 横方向には際限なく広がろうとします。
- 縦方向にはなにか中身が入ると広がります。
- 縦横の幅を決めるとそれ以上は大きくなりません。
- 幅を決めると中央に寄せることもできます。
- 縦と横それぞれに隙間をもうけることができます。
- 色を塗ることができます。
- 境界線を引くことができます。
中身について
- 箱いっぱいに広がろうとします。
- 基本的に左上に寄りますが、中央・右に寄せることもできます。
・・・
といった感じで考えていったのだけど、際限がなさそう。で、こんな感じのことがゲームになってて、いろいろいじってるうちに HTML の要素の性質がわかったらいいのになー。とふと思った。
それだけ。
--
※この記事を書いた人、ミズノケイスケに興味を持っていただけましたら、リンクツリーをどうぞ。
この記事に関連する記事
- 関連ぐあい 3 : id名とclass名にもっと遊び心を。これってあり?なし?
- 関連ぐあい 3 : ウェブサイトをマークアップするときの3つのこころがけ
- 関連ぐあい 2 : Talk Note NAGOYA Vol.1「Webの運営とマネタイズ」に参加した。
- 関連ぐあい 2 : HCDまつりで「アクティングアウト」を体験、「おふくろの味を伝えるサービス」を考えてみる
- 関連ぐあい 2 : a-blog cms のフォーム、セレクトボックスの option コピペ用
- 関連ぐあい 2 : a-blog cms camp 2010秋 知多半島の先っぽ、再び。
瞬間と永遠.com 自分を探し自分を知るブログ@愛知県豊田市・名古屋市 > 日々 > HTML のタグの性質を理解するためのゲームとかあったらなー
- RSS 購読
- リンク
コメント