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

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

選択されているタグ

タグを絞り込む

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

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

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

HTML の仕組み

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

箱について

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

中身について

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

・・・

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

それだけ。


--

※この記事を書いた人、ミズノケイスケに興味を持っていただけましたら、ミズノのFacebookをフォローください(一番更新頻度が高いです!)

お知らせ:ミズノケイスケは、2015年5月ポエジーという屋号でフリーランスとして開業しました。詳しくは以下をご覧ください。



「今の自分を知る言葉・変える言葉」みんなのアイデンティティコンセプトと感想を見る

今の自分を知る言葉アイデンティティコンセプトを3時間でつくるセッション受付中言葉にすることで前進するちょっと変わったコーチング5,000円/1時間(税別)

やりたいことがやりたくて独立起業したはずなのに、なぜかやりたいことができていないフリーランスのための個別授業

豊田市で成果の出るホームページ制作をしています。
1.わかりやすく 2.その会社らしく 3.美しい ホームページを約束します ⇒詳しくはクリック!

この記事に関連する記事

コメント

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

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

RSS 購読
リンク
  • track feed 瞬間と永遠.com

↑PAGE TOP