サンプルページ

H2のパターンAです

 

<h2 class=”pa”>H2のパターンAです</h2>

 

H2のパターンBです

 

<h2 class=”pb”>H2のパターンBです</h2>

 

H3パターンAです

 

<h3>H3パターンAです</h3>

 

H3パターンBです

 

<h3 class=”pb”>H3パターンBです</h3>

 

H3パターンCです

 

<h3 class=”pc”>H3パターンCです</h3>

 

文字のサイズを変更する

 

太文字

<span class=”b”>太文字</span>

 

ノーマルの太さに戻す

<span class=”normal”>ノーマルの太さに戻す</span>

 

文字のサイズ0.8em

<span class=”f08″>文字のサイズ0.8em</span>

 

文字のサイズ0.9em

<span class=”f09″>文字のサイズ0.9em</span>

 

文字のサイズ1.2em

<span class=”f12″>文字のサイズ1.2em</span>

 

文字のサイズ1.5em

<span class=”f15″>文字のサイズ1.5em</span>

 

文字のサイズ1.8em

<span class=”f18″>文字のサイズ1.8em</span>

 

文字のサイズ2.0em

<span class=”f20″>文字のサイズ2.0em</span>

 

太文字でサイズ2.0em

<span class=”b”><span class=”f20″>太文字でサイズ2.0em</span></span>

 

行間の調整

 

行間を150%にしますああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ

<span class=”lh15″>1.5</span>

 

行間を200%にしますああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ

<span class=”lh20″>2.0</span>

 

 

文字の色を変更する

 

赤色

<span class=”red”>赤色</span>

 

青色

<span class=”blue”>青色</span>

 

水色

<span class=”skyblue”>水色</span>

 

紺色

<span class=”navy”>紺色</span>

 

緑色

<span class=”green”>緑色</span>

 

深緑

<span class=”darkgreen”>深緑</span>

 

黄緑色

<span class=”yellowishgreen”>黄緑色</span>

 

オリーブ

<span class=”olive”>オリーブ</span>

 

黄色

<span class=”yellow”>黄色</span>

 

オレンジ

<span class=”orange”>オレンジ</span>

 

ピンク色

<span class=”pink”>ピンク色</span>

 

赤紫

<span class=”purplishred”>赤紫</span>

 

紫色

<span class=”purple”>紫色</span>

 

黒色

<span class=”black”>黒色</span>

 

灰色

<span class=”gray”>灰色</span>

 

茶色

<span class=”brown”>茶色</span>

 

太文字で赤色でサイズ2.0em

<span class=”b”><span class=”red”><span class=”f20″>太文字でサイズ2.0em</span></span></span>

 

文字を蛍光ペンでチェックする

 

蛍光ペン黄色

<span class=”hl-yellow”>蛍光ペン黄色</span>

 

蛍光ペン水色

<span class=”hl-blue”>蛍光ペン水色</span>

 

蛍光ペン灰色

<span class=”hl-gray”>蛍光ペン灰色</span>

 

蛍光ペン赤色

<span class=”hl-red”>蛍光ペン赤色</span>

 

蛍光ペン黄緑色

<span class=”hl-green”>蛍光ペン黄緑色</span>

 

蛍光ペンオリーブ

<span class=”hl-olive”>蛍光ペンオリーブ</span>

 

蛍光ペン橙色

<span class=”hl-orange”>蛍光ペン橙色</span>

 

蛍光ペンピンク

<span class=”hl-pink”>蛍光ペンピンク</span>

 

太文字でサイズ2.0emで赤色で蛍光ペン黄色でチェックして行間150%に調整

<span class=”b”><span class=”red”><span class=”f20″><span class=”hl-yellow”><span class=”lh15″>太文字でサイズ2.0emで赤色で蛍光ペン黄色でチェックして行間150%に調整</span></span></span></span></span>

 

注意)文字のサイズを大きくし蛍光ペンでチェックする場合は下記のように文字がかさなってしまう場合があるので、行間を調整するタグを組み合わせて調整する必要があります。

太文字でサイズ2.0emで赤色で蛍光ペン黄色でチェック

 

文字に下線、打ち消し線を引く

 

下線

<span class=”underline”>下線</span>

 

打ち消し線

<span class=”through”>打ち消し線</span>

 

太文字でサイズ2.0emで赤色で蛍光ペン黄色でチェックで下線を引いて行間200%に調整

<span class=”b”><span class=”red”><span class=”f20″><span class=”hl-yellow”><span class=”underline”><span class=”lh15″>太文字でサイズ2.0emで赤色で蛍光ペン黄色でチェックで下線を引いて行間200%に調整</span></span></span></span></span></span>

 

文字の下に点線、破線を引く

 

このタグで囲むと下に点線が入り文字と文字の間を点線で区切ることができます。

<span class=”dashedline”>下に点線</span>

 

このタグで囲むと下に破線が入り文字と文字の間を点線で区切ることができます。

<span class=”dottedline”>下に破線</span>

 

ノートを作って見るあああああああああああああああああああああああああああああああああああ打ち消し線で文字を訂正あああああああああああああああああああああああああああああああああああああああああああああああああああ文字のサイズ1.8emああああああああああ紺色で太字でサイズ1.5emあああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ蛍光ペンの黄色でチェックああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ蛍光ペンピンクでチェックあああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああオレンジ色で太字にするあああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ

 

引用タグ

他人のサイトから文章を引用した場合につかうタグです。あああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ

<blockquote>他のサイトや書籍などから引用した場合は必ずこの引用タグで囲んでください。他サイトからの引用の場合は「引用」「出典」などと明記して相手へのリスペクトとリンクを忘れずに!!</blockquote>

 

グーグルマップを埋め込む

youtubeを埋め込む

コメント

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です