>でもあまり気にしなくて良いと思いますよ(笑
>細かいことを気にしすぎるとページ作りが楽しくなくなりますので(〃⌒▽⌒)

七鍵さんが、HIMLではなくてスタイルシートで説明しましょうと言われてもHIMLとは? スタイルシートとは?が何かわかっていなかったのです(^^;
CSSとスタイルシートと同じらしいとか、<は開始タグと言う事も、つい最近知ったばかりです。
(Jul 15, 2005 03:17:35 PM)

七鍵@楽天

PR

×

コメント新着

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

バックナンバー

Sep , 2026
Aug , 2026
Jul , 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タグに挑戦


Jul 14, 2005
XML
カテゴリ: タグ教室

今日の日記を書こうと思ってびっくり。
なにやら見慣れないボタンがついているでは無いですか。
いや、見れば用途は想像できますので押してもいないですが
私にしてみれば無用の長物。
いちいちキーボードから手を離してマウスまで手を移動させ
[B]なんてボタンを押すよりは…
<b></b>ってキーボードから入力した方が早いですから(´・ω・`)
そんなことよりもこのボタン。
ユーザ側で良く使うものを登録させてもらえるようにはならないのですかね。
例えば…
<p style="line-height:180%;color:#333333;font-weight:bold;"></p>
しょっちゅう入力するのでボタン化されたらどんなに楽でしょう。
いや、しっかり単語登録していますから事足りていると言えば事足りているのですが(笑
あ…それと…
事務局さん、ボタンはテキストエリアの下に付けて下さいよ。

  1. 日記タイトルを入力
  2. Tab押下
  3. 日記を書き始める



とまぁ聞き遂げてもらうつもりも無い要望を一頻り言ったところで今日の本題。

  • 今まで文字の大きさを変える方法
  • 文字の色を変える方法

を紹介しました。
どちらとも span と言うタグを使い、

<span style="color:red;">

なんて紹介をしました。

この
span 、実はなんでも良いのです。
# 完全になんでも良いわけではありません。
# 画像を表示するIMGタグに文字の大きさなんてあるはずありませんから。


例えば…

<p style="color:red;">

<td style="color:red;">

<div style="color:red;">

<i style="color:red;">

いえほんとに、ほとんどのタグに対して指定することができるのです。
<span> で紹介をしたからと言って
必ず <span> 内に記述をしなければならないってことはありませんので
念のため紹介しておきました(〃⌒▽⌒)





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

最終更新日  Jul 14, 2005 12:26:48 AM
コメント(4) | コメントを書く
[タグ教室] カテゴリの最新記事


■コメント

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


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


Re:実はspanだけでなく(07/14)  
miki285  さん
こんにちは
<p style="line-height:180%;color:#333333;font-weight:bold;"></p>
このタグ(CSSともいうのでしょうか?)を、日記にコピーしていれてみました。

line-height:180%;color:#333333
ここは文字の行の間隔をあける指定と文字の色ですね。

font-weight:bold;"
ここは、文字の太さを指定しているのかな。。

え~と(^^;
HTMLは文書構造を表しているもので
CSS(スタイルシート)はウェブページをデザインするためのもので
タグは<head>とか(html)をいうのかな?

根本からわかっていない(><)
何を聞きたいのか、調べなければ、記述も出来ません(笑) (Jul 14, 2005 05:54:08 PM)

Re[1]:実はspanだけでなく(07/14)  
#七鍵  さん
miki285さん

いらっしゃいませ(〃⌒▽⌒)

もう、その通りです( ̄▽ ̄人)
文書に対してタグと言う印をつけて文書に意味付けをします。
その際に見た目(音声ブラウザならば声の大きさなど)的なことを指定するのがスタイルシート。
これらをひっくるめた文書のことをHTML。
こんな感覚でしょうか。
でもあまり気にしなくて良いと思いますよ(笑
細かいことを気にしすぎるとページ作りが楽しくなくなりますので(〃⌒▽⌒)

(Jul 15, 2005 12:08:22 AM)

Re[2]:実はspanだけでなく(07/14)  
miki285  さん

Re[3]:実はspanだけでなく(07/14)  
#七鍵  さん
miki285さん

いらっしゃいませ(〃⌒▽⌒)

私も単語の意味を覚えたのはつい最近ですよ。
ページ作り支援ページなんてものを作ったので
覚えないわけにはいかなくなって(笑
まぁ知らないよりは知っていた方が便利程度で大丈夫だと思います。
単語の意味も詳しいことも…何も知らなくても
簡単にページって作れますので( ̄▽ ̄人)

(Jul 16, 2005 06:00:54 PM)

【毎日開催】
15記事にいいね!で1ポイント
10秒滞在
いいね! -- / --
おめでとうございます!
ミッションを達成しました。
※「ポイントを獲得する」ボタンを押すと広告が表示されます。
x
X
Design a Mobile Site
スマートフォン版を閲覧 | PC版を閲覧
Share by: