基本的なタグ一覧/無料ブログ作成マニュアル

無料ブログ作成マニュアル

Google
 

◆スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

役に立ったと思っていただけたらポチッと応援お願いします。
FC2 Blog Ranking

◆基本的なタグ一覧

ブログでよく使いそうなタグの一覧です。
これ等はプラグインのフリーエリアや、後述のブログの編集(HTML編集の方)でも使用できます。

◆記事編集のボタンにもある基本的なタグ

<span style=font-size:x-large>~</span>
文字をかなり大きく表示します。記事編集画面で範囲を指定して  をクリックでも出来ます。

<span style=font-size:large>~</span>
文字を大きく表示します。記事編集画面で範囲を指定して  をクリックでも出来ます。

<span style=font-size:x-small>~</span>
文字を小さく表示します。記事編集画面で範囲を指定して  をクリックでも出来ます。

<strong>~</strong>
強調文字。記事編集画面で範囲を指定して B をクリックでも出来ます。

<i>~</i>
斜体文字。記事編集画面で範囲を指定して I  をクリックでも出来ます。

<s>~</s>
取り消し線。記事編集画面で範囲を指定して S をクリックでも出来ます。

<u>~</u>
下線。記事編集画面で範囲を指定して U をクリックでも出来ます。

<font color="#FF0000">~</font>
#FF0000で指定した色に文字色が変わります。記事編集画面で範囲を指定してパレットをクリックでも出来ます。
パレットの色が少ないと感じる場合は、みんなのタグ辞書さんのカラーコードを参考にしてみてください。

<img src="画像ファイルのURL" alt="画像のタイトル" border="0">
画像ファイルのURLで指定した画像ファイルを表示します。記事編集画面で画像の表示をクリックで記事の一番下に表示できます。
画像のタイトルはカーソルを置いた時に表示される文字。音声ブラウザで目の不自由な方へ画像の情報を示したり、リンクバナーで相手側のサイト名を表記していないと嫌がられる場合もあるので表記しておきましょう。
border="0" は、画像の周囲の枠線の太さ。0は枠線なし。

<a href="リンク先のURL" target="_blank">リンク先の名前</a>
リンク先の名前をクリックするとリンク先のURLに移動するリンクを作ります。記事編集画面で範囲を指定してリンクの指定をクリックでも出来ます。
target="_blank"は別窓で開くという指定なので、自サイト内へのリンク(サムネイルの場合は例外)の場合は消しておきましょう。

◆ブログでよく使いそうなボタンには無いタグ

<br>
改行。<br clear="all">と表記される場合もあります。
記事編集画面では「自動改行+HTMLタグ」になっていれば改行は反映されますので特に表記しなくてもいいです。
なおブログのHTML編集に元々ある表記では<br />という表記になっています。
コイツは話すと長くなる…というかクロもあんまりよく判ってませんので、検索でXHTMLとHTMLの違いを調べてください。
要するにHTMLでは両方改行として使えますが、XHTMLでは<br>は使えず、<br />しか使えないって事です。
FC2ブログはHTMLなのでどっちでもいいです。

<p>~</p>
段落。一行空けた改行です。
<br>2個と見た目は変わりませんが、本来は文章を区切って独立させたい時に使います。
<p align="right"></p> で左寄せ
<p align= "center"></p>  で中央揃え
<p align="right"></p> で右寄せ
と出来るので、

例えばですが

こんな文章を

作る事も出来ます。

<p align="left">例えばですが</p><p align="center">こんな文章を</p><p align="right">作る事も出来ます。</p>
となっています。

1行空けずに中央揃えなどをしたい場合は、
<div align="center">~</div> もしくは right とすればいいです。(改行にはなるので、記事で「自動改行+HTMLタグ」モードで編集する場合は、改行をしないでつなげて表記)

■おまけ(人によってはよく使うかもしれないタグ)

<pre>~</pre>
ソース編集などの時に、半角スペースや改行などを反映させます。
要するに囲まれた範囲が、記事編集モードの「自動改行+HTML編集」みたいになります。
プラグインのフリーエリアとかインデックスエリアなどに

     ∧__∧
    (`・ω・´) キリッ
   .ノ^ yヽ、
   ヽ,,ノ==l ノ
    /  l |
"""~""""""~"""~"""

こんな感じでAAを使いたい時に便利。
そのままコピー&ペーストすると改行されないので表示はおかしくなります。
注意点は、改行しないと改行されない事。
長い文章をこれで囲むと、記事やメニューの幅などおかまいなしに、永遠と真っ直ぐ横に伸びます。

<bdo dir="rtl">~</bdo>
文章がひっくり返ります。←これを囲むと、

文章がひっくり返ります。

こうなります。
何に使うのかは謎。


役に立ったと思っていただけたらポチッと応援お願いします。
FC2 Blog Ranking

トラックバック
この記事のトラックバックURL
http://hpmanual.blog81.fc2.com/tb.php/49-c8a33dc9
この記事へのトラックバック

Copyright 無料ブログ作成マニュアル 簡単FC2入門 All rights reserved.
Template by 無料ホームページ作成講座ブログ
アクセスアップは相互リンクで 相互リンクドクター!アクセスアップ ホームページ登録(サーチエンジン登録) ホームページ作成 ランキング ページビューランキング 幸福の羅針盤ランキングに参加してね
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。