Top

エントリー内の文字飾り用タグ

先日、とある方に <blockquote>タグを用いての引用文についてを説明させていただきました。

ブログのエントリーを書いていると、その他にも使っているタグが有ります。
ここに一部紹介と説明を。

■<blockquote>表示サンプル
表示確認のための、他の記事を引用する場合はこんな感じ。

■<ins>表示サンプル
表示確認のための、追加記事、文字飾りの場合はこんな感じ。

■<em>表示サンプル
表示確認のための、文字の強調はこんな感じ。

■<del>表示サンプル
表示確認のための、打ち消し線はこんな感じ。

■<strong>表示サンプル
表示確認のための、太字の文字はこんな感じ。


上のタグは、全てスタイルシート(CSS)で設定する事が出来ます。
-----このブログのCSS抜粋です-----
blockquote {
margin:0 10px;
padding: 5px 0 5px 10px;
color: #476688;
background-color: #fffff6;
border:1px solid #ccc;
border-left:10px solid #ccc;
}
ins {
border-bottom:3px double #e23d3d;
text-decoration:none;
}
em {
color:#758BA3;
font-weight:bold;
ont-style: normal;
border-bottom:1px dotted #758BA3;
}
del {
text-decoration:line-through;
}

------------------

参考にされて、ご自分のブログスタイルに合ったようにアレンジして下さい。

タグの挿入は、お使いのブログによって違いますが、入力するための補助的はアイコンが容易されていると思います。
下がこのブログの記事入力画面です。
タグリスト

沢山の入力補助アイコンが用意されてますが、使わないのと使えないのは非表示にしています。(^^ゞ・・

<< 今更 Site Top 手書きフォント >>

Comments

ih
2006/08/18 05:42 PM
σ(^_^;)は <pre>を乱用してますが、<blockquote> もいいなぁ~。
メモメモ&パクリ ・・・。
marusan
2006/08/18 05:59 PM
XHTMLのihさん、お疲れ様です。ヽ(^。^)ノ

(゜゜)(。。)(゜゜)(。。)ウンウン
<pre>は、ソースコード等を表示させる時に用いるタグですね。
入力した通りに等幅フォントで表示する。

本来は、上の記事でのCSS記述はこの<pre>で囲うべきなのでしょうね。(^^ゞ
ih
2006/08/18 06:15 PM
誰がXHTMLやねん・・・(-_-;)

↓のページも上から下まで<pre>で挟んでます。(*^_^*)
http://homepage2.nifty.com/ihmkk/sample_jwf.html

rjさんにもおススメしたいタグです。
うにょすけ@\(||_ _)/ オテアゲ
2006/08/18 06:31 PM
 (; ̄ー ̄A アセアセ・・・
 なんか ihさんとmarusanさんがそろうとそれだけで 拒否症になりそうな うにょすけです。
 m(_ _"m)ペコリ

 いったい お二人の脳みそはどうなってるの?

 おいらには さっぱりついていけん・・・
 またおうちに 帰って勉強しよう・・


 お勉強で出来たものは こっそりUpしてP_Morris&JWWの管理人さんと、JWWな時間の管理人さんに確認して頂く事に決定!

 m(_ _"m)ペコリ
marusan
2006/08/18 09:54 PM

> ↓のページも上から下まで<pre>で挟んでます。(*^_^*)

お上手。!(^^)!
TABLE で囲いたくなっちゃいますよね。(^_^;)

> おいらには さっぱりついていけん・・・

そんな事ないって。 たいした事はしてないですよ。

Trackbacks

Trackback Url:

■現場のJW+Web2.0■
♪エントリー内の文字飾り用タグ♪
2006/08/18 06:24 PM

m(_ _"m)ペコリ 【とある方】の盗朱です。  o(*^▽^*)o~♪  P_Morris&JWW のmarusanさんから先日メールを頂きました。  それは引用文についてのメールでした。  ブログのことなんてよくわかっていないおい