『Ｔｅｃｏｎｏｌｏｇｙ Ｓｔｏｃｋ（テクノストック）』という言葉をご存知でしょうか。今は使い道の無い技術でも、将来的には有望かもしれない技術を開発し蓄えて置く事を言います。
今回の『ＮＦＷのブログ教室』は今は使う気は無いけど、ひょっとしたらいつか使うかもしれない。何てな物を集めてみました。
| ① | 下線 | ｎｆｗは天才だ！ | <u>ここに文字</u> |
| ② | 取り消し線 | ｎｆｗはカッコ悪い男です。 | <s>ここに文字</s> |
| ③ | マーカー | nfwは木村拓哉に似ている。 | <FONT style="BACKGROUND-COLOR: #ffff99">ここに文字</FONT> |
| ④ | ルビ | nfwは思慮深い。 | <RUBY>ここに漢字<RT>こちらに振り仮名</RUBY> |
| ⑤ | 傍点 | nfwはダンディだ。 | <RUBY>ここに文字<RT>，，，，，</RUBY> |
| ⑥ | 指数 | Ｅ＝ｍＣ2 | ここに数式<SUP>ここに指数</SUP> |
| ⑦ | 対数 | ｌｏｇ10１００＝２
| ｌｏｇ<SUB>10</SUB>１００＝２ |
| ⑧ | 縦書き文字 | 右項目参照→ | <TABLE border=0 align="center"><TR><TD><Div Style=writing-mode:tb-rl;Height:300;>ここに縦書き文字を入力します。</Div></TD></TR></TABLE> |
| ⑨ | 点滅文字 | nfwって<> | <<MARQUEE SCROLLDELAY="300" SCROLLAMOUNT="100" WIDTH="97">><font size="2" color="red" style="line-height:160%;"><b>ここに文字</b></font><</MARQUEE>> |
①
下線
文字を強調させるのに『
太文字』にしたり『
色』をつけたりしますが、ｇｏｏブログでは［FONT］ボタンで簡単に出来る様になっています。便利なので僕はよく使っていますが、これら以外の強調手段を使うには手動？でやる他ありません。
文字列の下に線を引くには引きたい文字列の部分を<u>と</u>で挟みます。
②
取り消し線
僕の場倍は洒落で使用することがほとんどです。わざと間違えて、その間違いを強調したいが為に使っています。
文字列に取り消し線をを引くには引きたい文字列の部分を<ｓ>と</s>で挟みます。
③
マーカー
文章を書いている中で特定の文字列の背後に、マーカーでペイントしたような表現をとりたいこともあると思います。これを行うにはその文字列を
<FONT style="BACKGROUND-COLOR: #ffff99">と</FONT>とで挟みます。「BACKGROUND-COLOR:」の後の#以下の数値を変えて色指定します。
マーカー色を指定するのが少し面倒ですが、まあ『#ffff99』(黄色：yellow）あたりにしておけば汎用性があると思います。
色指定豆知識
色を指定するのは『black』・『red』など文字でもいいのですが、小文字の#の後に１６進数６桁の数字で指定するとより細かい色の指定が出来ます。１６進数とは、０１２３４５６７８９ＡＢＣＤＥＦで表される数値で、０～９までは１０進数と同じ、Ａは10進数で言う「10」に、Ｂが11に、Ｃが12に、Ｄが13に、Ｅが14に、Ｆが15に対応すします。そしてＦの次が１６進数でいうところの「１０」（１０進数の１０ではありません。勘違いしないでね！）になります。１６進数は２の乗数ですからＰＣにとってみれば解りやすいかも知れませんが、僕にとっては難解そのもです。でも何とかテキトーにやってます。
そこで１６進数６桁というのは『ffff99』を例にとると
①ｆｆ ②ｆｆ ③９９ (実際は半角文字)
①赤の指定で１６進数２桁。００からｆｆまでで数値が大きくなるほど明るい色になります。
例：010000の場倍＝赤
ff0000の場合 ＝赤
②緑の指定で(以下同じ).
例：000100の場合＝緑
00ff00の場合＝緑
③青の指定で(以下同じ)
例：000001の場合＝青
0000ffの場合＝青
ちなみに000000で黒、ffffffで白になります。
|
④
ルビ
漢字などにルビを打ちたい場合、その漢字を<RUBY>と<RT>で挟み、その後に読み方などのルビを記入、</RUBY>で締めます。
例：ガソリンの
暫定税率を
強行採決させた
後の、
政治家達の
欣喜雀躍の
体を
見て
多くの
国民はムカついた。
↓ ↓
ガソリンの<RUBY>暫定税率<RT>ざんていぜいりつ</RUBY>を<RUBY>強行採決<RT>きょうこうさいけつ</RUBY>させた<RUBY>後<RT>あと</RUBY>の、<RUBY>政治家達<RT>せいじかたち</RUBY>の<RUBY>欣喜雀躍<RT>きんきじゃくやく</RUBY>の<RUBY>体<RT>てい</RUBY>を<RUBY>見<RT>み</RUBY>て<RUBY>多<RT>おお</RUBY>くの<RUBY>国民<RT>こくみん</RUBY>はムカついた。
※
ブラウザによっては正しく表示されない場合があります。
⑤
傍点
ルビの応用で、ルビを文字から点にするだけです。
⑥
指数
指数と書いていますが要するに、文字なり数字の右肩に小さな文字を入れる方法です。
数字または記号<SUP>ここに小さくする文字(半角文字がベター)。</SUP>でＯＫです。
例：ＰＣのデーター量などは２
10毎、２
20 ・２
30 ・２
40と、つまり１,０２４倍毎にＫ・Ｍ・Ｇ・Ｔと単位が変わります。
↓ ↓
ＰＣのデーター量などは２<SUP>10</SUP>毎、２<SUP>20</SUP>・２<SUP>30</SUP>・２<SUP>40</SUP>と、つまり１,０２４倍毎にＫ・Ｍ・Ｇ・Ｔと単位が変わります。
⑦
対数
対数と書いていますが、要するに文字なり数字の右下に小さな文字を入れる方法です。数字または記号<SUB>ここに小さくする文字で、半角文字がベター。</SUB>でＯＫです。
例：今世界はＣＯ
2の削減に協力し合おうとしています。
↓ ↓
今世界はＣＯ<SUB>2</SUB>の削減に協力し合おうとしています。
⑧
縦書き文字
欧文には合いません。やはり和文で使用したほうが良いかと・・・。
<Div Style=writing-mode:tb-rl;Height:300;>ここに縦書き文字を入力します。</Div>
「Height:」の後の数値で行の高さを調節します。例では一応TABLEタグを使って文章を中央よせにしてあります。画像の横に縦書き文字を挿入する場合もTABLEタグを利用します。
例：
足柄山といふは、四五日かねて、おそろしげに暗がりわたれり。やうやう入りたつ麓のほどだに、空のけしき、はかばかしくも見えず。えもいはず茂りわたりて、いと恐しげなり。麓に宿りたるに、月もなく暗き夜の、闇に惑ふやうなるに、遊女三人、いづくよりともなく出で夾たり。
更級日記「足柄山」より |
↓ ↓
<TABLE border=0 align="center"><TR><TD><Div Style=writing-mode:tb-rl;Height:300;>足柄山といふは、四五日かねて、おそろしげに暗がりわたれり。やうやう入りたつ麓のほどだに、空のけしき、はかばかしくも見えず。えもいはず茂りわたりて、いと恐しげなり。麓に宿りたるに、月もなく暗き夜の、闇に惑ふやうなるに、遊女三人、いづくよりともなく出で夾たり。
更級日記「足柄山」より</Div></TD></TR></TABLE>
◎画像の横に縦書き文字を挿入する場合
<TABLE border=0><TR><TD>ここに画像のＵＲＬ（ｇｏｏブログは［ＩＭＧ］ボタンを使うなど通常の手順で挿入して下さい。</TD><TD><Div Style=writing-mode:tb-rl;Height:;>ここに縦書きする文字をいれます。</Div></TD></TR></TABLE> |
⑨
点滅文字
点滅文字となると「blink」でしょうがＩＥでは作動しません。ＨＴＭＬで点滅している様に見えさせる方法です。これでもブラウザによっては全く見えません(Firefoxでは駄目でした、他にもあるかも・・・。)
例：
<>
↓ ↓
<font color="#E3F0FB"><<MARQUEE SCROLLDELAY="300" SCROLLAMOUNT="200" WIDTH="200">><font size="2" color="red" style="line-height:160%;"><b>ここに点滅させる文字</b></font><</MARQUEE>></font>
※調整が物凄く面倒です。御覚悟を！
「まず単語の意味から」
『MARQUEE』＝文字を左右や上下にスクロール表示させるタグ。
『SCROLLDELAY』＝スクロールする際の遅延時間をミリ秒単位で指定します。大きい数値ほど遅くなります。
『SCROLLAMOUNT』＝スクロールする距離で、値を大きくすると移動する距離が長くなるので、速くスクロールします。
『WIDTH』＝スクロールする幅です。
「手順」
①<font color="#E3F0FB">～</font>はｇｏｏブログでMARQUEEを作動させる為に余分な < や > を付け加えています。そして実際にブログ上に表示されてしまいます。これらを目立たなくするために、余分に表示されている < や > エントリー部の背景色に合わせます。font color="ここに色指定"ですが、背景色が白の方が多いので#ffffffでもよいと思います。詳しくは上記『色指定豆知識』参照。
②「SCROLLDELAY」では点滅のサイクルを指定します。数値が小さい程早く点滅しますが、300くらいが適当かと思います。
③点滅させる文字列の長さによって「SCROLLAMOUNT」と「WIDTH」の数値を調節します。font size="2"で「ここに点滅させる文字」というふうに１０文字点滅させる場合の数値は「SCROLLAMOUNT」が200で「WIDTH」が200
でした。この辺りのところはその都度調整する必要がありそうです。頑張ってください！
（あとがき）
⑨の「点滅文字」は『ホームページの飾り職人』の内
「HTMLのちょい技」を参考にさせていただいて、ｇｏｏブログでも使用できるように書き換えました。
このように画像の右側に文字をいれるにはimgタグのstyle属性を使います。具体的には<img src="画像のＵＲＬ" style="float:left">。赤い文字の部分を画像のＵＲＬの後に半角スペースを空けて挿入します。
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
