七鍵@楽天

PR

×

コメント新着

k.kyouka @ すきやき占い 『しいたけ』の重要度27% 『しいたけ』…
なな@ Re:迷っています(11/01) レオ がいいですよ☆★
マロン@ かわいい キュート
foolish☆foo @ Re[1]:お久しぶりです。(07/15) >実演を踏まえてテストをしておりました…

バックナンバー

Oct , 2026
Sep , 2026
Aug , 2026

フリーページ

タグ辞書【A】


タグ辞書【ABBR】


タグ辞書【ACRONYM】


タグ辞書【ADDRESS】


タグ辞書【APPLET】


タグ辞書【AREA】


タグ辞書【B】


タグ辞書【BASE】


タグ辞書【BASEFONT】


タグ辞書【BDO】


タグ辞書【BGSOUND】


タグ辞書【BIG】


タグ辞書【BLINK】


タグ辞書【BLOCKQU…】


タグ辞書【BODY】


タグ辞書【BR】


タグ辞書【BUTTON】


タグ辞書【CENTER】


タグ辞書【CITE】


タグ辞書【CODE】


タグ辞書【COL】


タグ辞書【COLGROUP】


タグ辞書【COMMENT】


タグ辞書【CAPTION】


タグ辞書【DD】


タグ辞書【DEL】


タグ辞書【DFN】


タグ辞書【DIR】


タグ辞書【DIV】


タグ辞書【DL】


タグ辞書【DT】


タグ辞書【EM】


タグ辞書【EMBED】


タグ辞書【FIELDSET】


タグ辞書【FONT】


タグ辞書【FORM】


タグ辞書【FRAME】


タグ辞書【FRAMESET】


タグ辞書【H】


タグ辞書【HEAD】


タグ辞書【HR】


タグ辞書【HTML】


タグ辞書【I】


タグ辞書【IFRAME】


タグ辞書【ILAYER】


タグ辞書【IMG】


タグ辞書【INPUT】


タグ辞書【INS】


タグ辞書【ISINDEX】


タグ辞書【KBD】


タグ辞書【LABEL】


タグ辞書【LAYER】


タグ辞書【LEGEND】


タグ辞書【LI】


タグ辞書【LINK】


タグ辞書【LISTING】


タグ辞書【MAP】


タグ辞書【MARQUEE】


タグ辞書【MENU】


タグ辞書【META】


タグ辞書【MULTICOL】


タグ辞書【NOBR】


タグ辞書【NOEMBED】


タグ辞書【NOFRAMES】


タグ辞書【NOLAYER】


タグ辞書【NOSCRIPT】


タグ辞書【OBJECT】


タグ辞書【OL】


タグ辞書【OPTGROUP】


タグ辞書【OPTION】


タグ辞書【P】


タグ辞書【PARAM】


タグ辞書【PLAINTEXT】


タグ辞書【PRE】


タグ辞書【Q】


タグ辞書【RB】


タグ辞書【RP】


タグ辞書【RT】


タグ辞書【RUBY】


タグ辞書【S】


タグ辞書【SAMP】


タグ辞書【SCRIPT】


タグ辞書【SELECT】


タグ辞書【SMALL】


タグ辞書【SPACER】


タグ辞書【SPAN】


タグ辞書【STRIKE】


タグ辞書【STRONG】


タグ辞書【STYLE】


タグ辞書【SUB】


タグ辞書【SUP】


タグ辞書【TABLE】


タグ辞書【TBODY】


タグ辞書【TD】


タグ辞書【TEXTAREA】


タグ辞書【TFOOT】


タグ辞書【TH】


タグ辞書【THEAD】


タグ辞書【TITLE】


タグ辞書【TR】


タグ辞書【TT】


タグ辞書【U】


タグ辞書【UL】


タグ辞書【VAR】


タグ辞書【WBR】


タグ辞書【XMP】


タグ辞書【コメントアウト】


タグ辞書【!DOCTYPE】


piyo


サンプル


HP作成のためのコラム


スタイルシートをゼロからお勉強


HTMLタグに挑戦


Sep 25, 2004
XML
カテゴリ: タグ教室
今日は文字の色を変更する方法の復習です。
初めての方はしっかりマスターするつもりで読み進めて下さい。
2回目の方は・・・さらっと読み飛ばしつつもしっかり思い出してください(笑

まずは以前にも紹介しました簡単に色の指定が分かる教材です( ̄▽ ̄人)

ここをクリック!!

これを使えば多分簡単に色の指定ができること間違いなし( ̄▽ ̄人)
適当に遊んでみて下さい。
赤と青と緑のつまみがあって、それを動かしたら背景の色が変わりますよね(〃⌒▽⌒)

背景と一緒に右の方にある四角の枠内の文字も変わってることに気がつきましたか?
「#02f811」のように「#」が頭についている7桁の文字のことなんですが、

とっても簡単でしょ(〃⌒▽⌒)

メモリを動かして好きな色を作ったら右上の四角の枠を見る!
たったそれだけであなたの好きな色を表す記号が完成するのですから(笑

さて、色を表す記号が完成したところで、実際に文字の色を変えてみましょう。

例)

<font color="#ff0000">テスト</font>
<font color="#ff00ff">テスト</font>
<font color="#ffff00">テスト</font>
<font color="#0000ff">テスト</font>
<font color="#00ffff">テスト</font>
<font color="#ffffff">テスト</font>


表示結果)
テスト
テスト
テスト
テスト
テスト
テスト
テスト

記述の仕方はぜんぜん難しくないですよね。
プラス忘れてはいけない応用サンプル( ̄▽ ̄人)

例)
<font color="#ff0000" size="6">応用例</font>


応用例

文字の大きさの指定と組み合わせることもできるってサンプルでした(〃⌒▽⌒)

文字の指定に限らず、Webページを作成する際にはさまざまな色の指定を行います。
文字色の指定を通して色を指定する「感覚」のようなものを身に付けてもらえれば幸いです( ̄▽ ̄人)

ではまたあしたー(゚▽^*)ノ⌒☆





お気に入りの記事を「いいね!」で応援しよう

最終更新日  Sep 25, 2004 02:54:53 PM
コメント(10) | コメントを書く
[タグ教室] カテゴリの最新記事


■コメント

お名前
タイトル
メッセージ
画像認証
上の画像で表示されている数字を入力して下さい。


利用規約 に同意してコメントを
※コメントに関するよくある質問は、 こちら をご確認ください。


Re:タグを覚えよう【第42回目】 - 文字の色いろいろ(復習)(09/25)  
な~~る  さん
先生、質問!
楽天のHPで、開いたときに音楽がなる・・というのは、出来ますか?
又、動く絵(パタパタ?)にもチャレンジしたいのですが、どうやってやるかわかりませんので
是非、ご伝授していただけないでしょうか?(*^^*ゞ (Sep 25, 2004 11:05:52 PM)

Re:タグを覚えよう【第42回目】 - 文字の色いろいろ(復習)(09/25)  
KAZ&SUNNY  さん
すごい!こんなに知識を伝授していただけるなんて感激です。\(^o^)/

あ、遅れ馳せながらHP訪問ありがとうございます。
またよろしくお願いします。 (Sep 25, 2004 11:27:53 PM)

Re[1]:タグを覚えよう【第42回目】 - 文字の色いろいろ(復習)(09/25)  
#七鍵  さん
な~~るさん

いらっしゃーい(〃⌒▽⌒)
開いたときに音楽が自動で・・・というのは楽天ではできません(´・ω・`)
どうしてもクリックして再生という形になってしまいますね。
できないばっかりでごめんなさいm(_ _)m

補足)
ほんとに蛇足ですが開いた瞬間に曲がなるページは結構嫌われてます。
私自身何とも思わないのですが
・聞きたくも無い曲を無理やり聞かされる。
・夜中(仕事中)に急に音が鳴ってびっくりする。
・パフォーマンス低い環境では端末自体が固まる。
などなどの理由からのようです。
参考までに(〃⌒▽⌒)

>動く絵(パタパタ?)
はGIFアニメと呼ばれる画像ですね(〃⌒▽⌒)
私自身が作成するときは古いホームページビルダーについています「ウェブアニメータ」を使用しています。
無料ソフトで、ってことになりますと

http://cgi2.synapse.ne.jp/~haku2/first/raib02/up/free_soft.htm #3
http://www.vector.co.jp/vpack/filearea/win95/art/anime/index.html

この辺りから目的にあったものを探すしかないでしょうね(´・ω・`)
ごめんなさい、使ったこと無いのでお勧めとか無いのですよ(笑

(Sep 26, 2004 05:59:29 PM)

Re[1]:タグを覚えよう【第42回目】 - 文字の色いろいろ(復習)(09/25)  
#七鍵  さん
KAZ&SUNNYさん

いらっしゃいませー(〃⌒▽⌒)
私自身勉強しながらですので・・・
なかなか思うように
>伝授
とまでいかないのですが(´・ω・`)
またお越しくださいねー(゚▽^*)ノ⌒☆

(Sep 26, 2004 06:01:24 PM)

Re[2]:タグを覚えよう【第42回目】 - 文字の色いろいろ(復習)(09/25)  
な~~る  さん
#七鍵さん
-----
有難うございます。
早速行ってみま~す。
色々頼ってすみませ~ん。
いいの見つけたらお知らせしますねっ。
(Sep 26, 2004 08:55:48 PM)

Re[3]:タグを覚えよう【第42回目】 - 文字の色いろいろ(復習)(09/25)  
#七鍵  さん
な~~るさん

いらっしゃーい(〃⌒▽⌒)

>いいの見つけたらお知らせしますねっ。
ぜひお願いしますm(_ _)m
しかし、私は絵心がないので・・・
画像系はさっぱりです(´・ω・`)

(Sep 26, 2004 10:22:40 PM)

Re[4]:タグを覚えよう【第42回目】 - 文字の色いろいろ(復習)(09/25)  
な~~る  さん
#七鍵さん


>>いいの見つけたらお知らせしますねっ。
>ぜひお願いしますm(_ _)m
>しかし、私は絵心がないので・・・
>画像系はさっぱりです(´・ω・`)

行ってきました・・。
開いてみたら・・・英語の単語が・・・
あ・・わかんないや・・・とすぐに
閉じてしまいました。(。-_-。)ヤバ・・

英語わかんないと、やはり、IT関係では
生きてゆけないでしょうかね・・・??

でも・・とりあえず、一個ゲッチューしてみたのですが、
まだ、チン(解凍)してませんヾ(´▽`;)ゝエヘヘ
ちなみに、使いこなせる自身も
さっぱりないのですが、
出来たら報告します。
なんも言わなかったら、挫折したな・・と
ひっそりと、思っていてください。°°・(;>_<;)・°°。
宜しくお願いします。(^^;)ゞ


(Sep 27, 2004 12:15:43 AM)

Re[5]:タグを覚えよう【第42回目】 - 文字の色いろいろ(復習)(09/25)  
#七鍵  さん
な~~るさん

いらっしゃーい(〃⌒▽⌒)

>英語わかんないと、やはり、IT関係では生きてゆけないでしょうかね・・・??

生きてゆけないってほどではないでしょうが・・・
損はすると思います(笑
親切丁寧で信頼おける文献が英語であっても英語が分からないと気がつきもしないでしょ?
だから英語は知っておいて損はないと・・・
勝手に想像しているだけで私も英語なんて何もわかりません(´・ω・`)
あ、唯一カンペキに分かる単語は「Download」(笑
ある意味一番重要な単語です( ̄▽ ̄人)

(Sep 27, 2004 11:46:55 PM)

Re[6]:タグを覚えよう【第42回目】 - 文字の色いろいろ(復習)(09/25)  
な~~る  さん
#七鍵さん


>あ、唯一カンペキに分かる単語は「Download」(笑
>ある意味一番重要な単語です( ̄▽ ̄人)

私も、Download分かります。
あっ!あと、Read Me・・これも分かります(笑)
でも・・やはり、英語は、読めたほうがいいですよね・・。ちょっと感じます・・``r(^^;)ポリポリ
(Sep 28, 2004 03:03:40 PM)

Re[7]:タグを覚えよう【第42回目】 - 文字の色いろいろ(復習)(09/25)  
#七鍵  さん
な~~るさん

いらっしゃーい(〃⌒▽⌒)

英語の読み書きができるようになったら
もっともっとインターネットっておもしろいのでしょうね( ̄▽ ̄人)
一日一英会話みたいなサイト様はないのでしょうか(笑
後で探してみよ(〃⌒▽⌒)

(Sep 28, 2004 06:51:55 PM)

【毎日開催】
15記事にいいね!で1ポイント
10秒滞在
いいね! -- / --
おめでとうございます!
ミッションを達成しました。
※「ポイントを獲得する」ボタンを押すと広告が表示されます。
x
X

© Rakuten Group, Inc.
Design a Mobile Site
スマートフォン版を閲覧 | PC版を閲覧
Share by: