ホームページ制作、千太の絵空事

時に勝つ!投稿できることに感謝しています。(千太) SINCE 2005

全体表示

[ リスト ]

表の属性として(直接記入)「wikiでの表記Level3」



ここでは、「表の属性として(直接記入)」手法について、
語ります。
※ここでは、「HTMLの属性を直接記入」する手法になります。HTMLを理解している人には、判りやすいと思います。

表の属性として(直接記入)
  • 表の属性として(直接記入)
  • [表のセルの横幅、高さを設定する]
  • [表のセル内の文字の左よせ、中央寄せ、右寄せ]
  • [表のセルにタイトルを付ける]
  • スタイル属性(属性記入)
    • [表の背景に色をつける]
    • [表のセルの横幅、高さを設定する]
    • [表の文字に色をつける]
    • [表のセル変化のある枠をつけ色を付ける]

表の属性として(直接記入)

  • wikiでの表記
    ||<#FF9999' ''''背景||
    
  • 見え方
背景
などで背景に色をつけることができますが、次のようにすると「HTMLの属性を直接記入」できるようになります。

この○○○○○○○のスペースに直接、属性を記入します。

  • wikiでの表記
    ||<#FF9999' ○○○○○○○ ''''背景||
    

属性については、td要素内で作用する全ての属性が使用できます。

例えば、width height align titleなどです。もちろんstyle属性も使用できます。

表のセルの横幅、高さを設定する(属性記入)


  • wikiでの表記
    ||<#FF9999' width='500' ''''背景||
    
  • 見え方
背景

  • wikiでの表記
    ||<#FF9999' height='100' ''''背景||
    
  • 見え方
背景

表のセル内の文字の左よせ、中央寄せ、右寄せ(属性記入)

※セル内の、右寄せなどが判りやすいように、上記の幅(width)を指定しています。
  • wikiでの表記
    ||<#FF9999' align='left' width='500' ''''背景||
    ||<#FF9999' align='center' width='500' ''''背景||
    ||<#FF9999' align='right' width='500' ''''背景||
    
  • 見え方
背景
背景
背景

表のセルにタイトルを付ける(属性記入)


title属性を直接入れ、属性値には「説明的な文」を入れます。
  • wikiでの表記
    ||<#FF9999' title='表のセルにタイトルを付ける' ''''●背景●||
    
  • 見え方
●背景●

マウスを●背景●に移動させて見てください。しばらくするとIEでは属性値としていれた説明文「表のセルにタイトルを付ける」がポップアップします。

スタイル属性(属性記入)


  • wikiでの表記
    ||<#ffffff' style='background-color:FF9999' ''''あああああああああ||
    
  • 見え方
あああああああああ

  • wikiでの表記
    ||<#ffffff' style='width:500px;background-color:FF9999;' ''''あああああああああ||
    
  • 見え方
あああああああああ

  • wikiでの表記
    ||<#ffffff' style='height:100px;background-color:FF9999;' ''''あああああああああ||
    
  • 見え方
あああああああああ

  • wikiでの表記
    ||<#ffffff' style='background-color:FF9999;color:#FFFFFF' ''''あああああああああ||
    
  • 見え方
あああああああああ


  • wikiでの表記
    ||<#ffffff' style='border:dotted 5px #999999;color:#FFFFFF;background-color:FF9999'
     ''''あああああああああ||
    
    
  • 見え方
あああああああああ



  • wikiでの表記
    ||<#FF9999' `背景`||
    
    ||<#FF9999' ``背景||
    
    ||<#FF9999' ''''''背景||
    
などでも、直接記入できるようになります。


閉じる コメント(8)

顔アイコン

とっても勉強になります。 wikiはわかりやすいとはおもいますが、やはり一般的にはちょっと壁が高いですね。(おいらも理解はしましたが、実際使うかどうか…) このあたりYAHOO!の技術力で、簡易化できるのを勝手に期待してます…

2005/4/23(土) 午前 2:05 砂庵

顔アイコン

Snufkinさん、いらっしゃいませ!。そうですねーせめて、ジオログぐらいには、使えるようにしてほしいですねー。コメント、ありがとうございました!。

2005/4/23(土) 午後 5:20 *************

お世話になってます。研究ページから飛んできました。wiki内での試行錯誤頭が下がります。タグ書いた方が表現力を出すのは楽なのですが、blogやwikiの良さが活きてこないので、wikiにある意味こだわってます。(実践できてませんが)引用の中にboldとfont=colorくらいはいけないんでしょうか?って質問ですみません。おいら最初にヤフログにしたときに書いたタグがblockquoteだったお間抜けさんです。。。

2005/5/1(日) 午前 3:04 砂庵

顔アイコン

blockquoteは、私も是非、使えるのなら使いたいタグですねー。Yahooヘルプでは、引用として紹介されているwikiの表記ですが、意味がちがいますからー。言葉でしっかり、引用している事を伝えるしかないようですねー。(その方がいづれにせよ、閲覧者には、わかりやすいでしょうから)。引用の中でのboldはLevel1で、できますよ!。んーん、このLevel3は、決してこのままでは実用には使わないでください、いろいろ問題がありすぎます。「Levelについて」をもう一度ご確認くださいね!。 コメント、ありがとうございました!。

2005/5/1(日) 午前 11:30 *************

こんばんは。引用の意味が違う、ソースからの解説で理解しました。「引用の中のbold」ですが、Level1ということですが、おいらは、引用3を多用してしまうのですが、その場合の解もLevel1にありますか?Level3は、練習のみで非公開でちょこちょこ実験させていただいてます。。。いつも、ありがとうございますm(__)m

2005/5/19(木) 午前 4:01 砂庵

顔アイコン

Snufkinさん、コメント、ありがとうございます!。少し詳しい説明が不足していました。んーん、引用3ではできませんが、引用2ではできるのです。(これは、リンクについてを例にしての記事ですが。。→http://blogs.yahoo.co.jp/cen_picture21/260377.html ) それと、太字はTopページでは「'」の部分が→「;」になってしまうというバグに遭遇してしまいます。(http://blogs.yahoo.co.jp/cen_picture21/327785.html なぜかは、不明)開発中ですから修正されるといいですね!。

2005/5/19(木) 午前 9:20 *************

顔アイコン

||<#FF9999' title='表のセルにタイトルを付ける' ''''●背景●||これはすごい発見だ。参考にさせてもらいます。

2005/6/8(水) 午後 9:08 SUZUTA

顔アイコン

suzutaさん、ありがとうございます!。残念ながら。発見ではなくて、もともとあるHTML4.01の属性の一部にすぎませんよー。それと、 IEのバグ修正によりレンダリングされているこの表記での記事作成は、おすすめできません。せめて、研究利用する場合は、正式なタグが出力されるイースターエッグの発見に努めてください。

2005/6/9(木) 午後 6:48 *************

開く トラックバック(1)


.
*************
*************
非公開 / 非公開
人気度
Yahoo!ブログヘルプ - ブログ人気度について
検索 検索

過去の記事一覧

ブログバナー

友だち(1)
  • ペーパーキャプテン・りヴぁ
友だち一覧

Yahoo!からのお知らせ

よしもとブログランキング

もっと見る

[PR]お得情報

CMで話題のふるさと納税サイトさとふる
毎日お礼品ランキング更新中!
2019年のふるさと納税は≪12/31まで≫
数量限定!イオンおまとめ企画
「無料お試しクーポン」か
「値引きクーポン」が必ず当たる!

その他のキャンペーン


プライバシー -  利用規約 -  メディアステートメント -  ガイドライン -  順守事項 -  ご意見・ご要望 -  ヘルプ・お問い合わせ

Copyright (C) 2019 Yahoo Japan Corporation. All Rights Reserved.

みんなの更新記事