229506 ランダム
 ホーム | 日記 | プロフィール 【フォローする】 【ログイン】

七鍵@楽天

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

PR

コメント新着

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

バックナンバー

Apr , 2024
Mar , 2024
Feb , 2024

フリーページ

タグ辞書【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="#000000">テスト</font>

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

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

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

表示結果)
応用例

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

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

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





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

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



© Rakuten Group, Inc.