2009年2月12日木曜日

タグの見やすい書き方

今日の金田先生のお話。

びっくりしたと同時に、貴重な時間に色々教えてもらっているのだと
思うと・・頑張らないとですね。

早速、火曜に教えてもらった"タグの見やすい書き方"を復習しようと思います(。-_-。)

まず、













A
C
D
E
F


このテーブルをつくる時に私は
ズラズラとただタグを打っていたのですが


table border="1"

   tr
        th colspan="2"
        A
        /th
      td width="30"
       c
      /td
   /tr
   tr
      td width="30"
      D
      /td
      td width="30"
      E
      /td
      td width="30"
      F
      /td
  /tr
/table

※<>を入れると普通に表ができてしまうので、省略しました。

わかりづらい上に微妙にずれている・・(^^;)

この画面だとわかりづらいかもしれませんが
trとtrは同じ高さ(というか位置?)に置き、thやtdを挟み込むように
入力すると、どこに何があるかあとで見るときにわかりやすいよ、と教えていただきました。

あと、私はなかなか 「th要素」が理解できなかったのですが
まずは

[tr要素]と[td要素]だけで下の表を作り










A
B
C
D


その後、[th要素]と
[colspan属性]を加えて下の表を作り










A
C
D


その後に
[th要素]
[rowspan属性]で下の表を作りました。







A
B
C


理解するのにだいぶ時間がかかりました(今だによくわかっていないかも(;´ρ`)

6 件のコメント:

  1. なんとなくわかりました。いつも見づらかったので参考にさせていただきます(*>ω<*)
    ちなみに俺はいつも<は全角で記述しちゃってます。タグをブログに記述する時困りますよね(;´Д`)

    返信削除
  2. ゆみさん、すごいですね~。
    参考になりました!
    それとコメントありがとうございます!
    グレープフルーツとレモンの香りは解剖生理学の先生も話していたので、信憑性あるかもです。
    といいつつ、自分ではよくわかりませんが・・・。
    これからもよろしくお願いします!
    くりはらでした。

    返信削除
  3. ゆみちゃん、すごいねえ。
    めっちゃわかりやすかったです。
    参考になりました☆
    勉強熱心で、尊敬します!
    おらもがんばりますっ!(^^)
    これからもよろしくね。
    オラのところにもご訪問、サンキュでした♪

    返信削除
  4. K先生がよく話している「格好いいタグ」って
    どんなのだろうって考えていたのですが、
    見やすく分かりやすいタグっていうのも、
    きっとその要素の一つですよね。

    前にTVで見たのですが、
    アップル社の基盤はとても美しいそうです。
    基盤はPCユーザーの殆どが見ることも無い所ですが、
    なんでもアップル最高経営責任者の方が
    「僕が覗いた時、美しくないと嫌なんだ」と
    言った為だとか。

    タグも、殆どの人が目にすることが無い部分ですので、
    要は出来ていれば表示結果は一緒なのですが、
    でもそこに作り手の一貫した意志というか美意識があれば、
    それは「格好いいタグ」になるのではないかと思いました。
    そしてその美意識が、ひいては見やすく分かりやすい
    タグになるのでしょうね!
    そんな美意識をもってタグを書いてみたいな~!
    皆でカッコイイタグ打ちになりましょうね♪

    返信削除
  5. >DIESELさん
    なるほど!
    <>は全角で打てば良いんですね。
    いつもどうしようか困ってたので助かりました♪
    ありがとうございます。

    >mintさん
    さっそく、グレープフルーツの香りのアロマを買ってしまいました^^;
    解剖生理学の先生が言ってたなら間違いなさそうですね!
    ダイエットも勉強も頑張りたいです。
    ありがとうございました。

    返信削除
  6. >サキぱんださん
    あんまり上手にかけてないけど、参考になったなら良かった^^
    タグ打ち難しいよね(・_・;?
    これからたくさん覚える事も出てきそうだけど一緒にがんばろうね!

    >ぽんずさん
    ジョブズのお話ですよね。私もこの間、TV見ました^^
    見えない所にも気を配るその信念が素晴らしいですよね。
    たしかに、タグもそれと同じ事ですよね。
    私も格好良いタグを打てるようになりたいです。
    一緒にがんばりましょう(o^-^o)

    返信削除