瞬間と永遠.com 自分を探し自分を知るブログ@愛知県豊田市・名古屋市 > 日々 > HTML のタグの性質を理解するためのゲームとかあったらなー > Web

HTML のタグの性質を理解するためのゲームとかあったらなー

選択されているタグ

タグを絞り込む

HTML のボックスモデルを理解するためのゲームがあればいいのに。ブロック要素とかインライン要素とかそういったややこしいことが、ゲームをしてると自然に身につくとか。less than a minute ago via Tweetie for Macミズノケイスケ
akanerob

今日、HTML がわからないデザイナーの子に HTML の説明をしていて、どうにか手っ取り早く理解する方法はないものかと考えていた。まあ一度組んでみるのが早いというのは言うまでもないのだけど・・。

わかりやすい言葉で概念的なルールを並べていったらいいんじゃないかと思い、書いてみたのがこれ。

HTML の仕組み

HTML は箱の組み合わせでできています。
箱の中にさらに箱をいれることができます。

箱について

  • 横方向には際限なく広がろうとします。
  • 縦方向にはなにか中身が入ると広がります。
  • 縦横の幅を決めるとそれ以上は大きくなりません。
  • 幅を決めると中央に寄せることもできます。
  • 縦と横それぞれに隙間をもうけることができます。
  • 色を塗ることができます。
  • 境界線を引くことができます。

中身について

  • 箱いっぱいに広がろうとします。
  • 基本的に左上に寄りますが、中央・右に寄せることもできます。

・・・

といった感じで考えていったのだけど、際限がなさそう。で、こんな感じのことがゲームになってて、いろいろいじってるうちに HTML の要素の性質がわかったらいいのになー。とふと思った。

それだけ。

--

※この記事を書いた人、ミズノケイスケに興味を持っていただけましたら、リンクツリーをどうぞ。

この記事に関連する記事

コメント

投稿
名前
 
メールアドレス
 
URL
 
タイトル
コメント
パスワード
Cookieに保存

瞬間と永遠.com 自分を探し自分を知るブログ@愛知県豊田市・名古屋市 > 日々 > HTML のタグの性質を理解するためのゲームとかあったらなー > Web

タグクラウド
検索
最新のエントリー
カテゴリーリスト
アーカイブ
プロフィール
ミズノケイスケ

ミズノケイスケ

デザイン事務所 ポエジー代表／アイデンティティデザイナー「本当のことが知りたい。」をコンセプトに抽象的な概念の世界を浮遊しつつも、肉体的な感動に神経を研ぎ澄ませる人。尊敬する人→糸井重里、あこがれる人→曽我部恵一、ヒーロー→ジョン・レノン。 →もっとくわしく

カレンダー
« 12 »
月 火 水 木 金 土 日
            1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31          
RSS 購読
リンク
  • track feed 瞬間と永遠.com

↑PAGE TOP