ＨＴＭＬタグ

今日は自分がこれまでブログをやっていて、つまずいたＨＴＭＬタグについて書いてみようと思います。

１、ブログランキングのバナー画像　　からのリンクを設定できない。

２、youtubeなどの動画を貼ってみたけど、画面の端が切れている。

３、画像を挿入して文字を打つと、文字が画像の横に回り込んでしまう。

１、ブログランキングのバナー画像からのリンクを設定できない。

ブログランキングに登録すると、自分用のＩＤが入ったリンクＵＲＬと、リンクタグが使えるようになります。

リンクタグのほうをそのまま貼り付けた場合、

人気ブログランキングへ

このように問題ないのですが、

リンク用バナー画像を使ってリンクさせる場合、画像を挿入して、そこにリンクＵＲＬを挿入しようとすると（ココログでの場合）

このようになってしまいました。

画像がぼやけてるし、ランキングサイトにも飛ばないんですね。（同じようになった人いるかな）

普通のリンクの設定と同じようにしてもうまくいきませんでした。

そこで、バナー画像を使ってのリンクの設定方法ですが、ＨＴＭＬの編集で

<A HREF="ＩＤの入ったブログランキングへのリンクＵＲＬ/"target=" blank"><img src="あなたのブログのＵＲＬ/バナー画像の名前（ 私の場合はrank_banner.gif ）"border="0"></A>

これで、バナー画像を使ってリンクが設定できます。

前回の記事ではページが切り替わって表示されていたのですが、target=~ blank"を入れることで別ウインドウで表示させられるようになります。

２、youtubeなどの動画を貼ってみたけど、画面の端が切れている。

youtubeやニコニコなどの動画サイトにはブログやＨＰに埋め込みできるタグがあります。

ここをコピーして、貼り付ければいいのですが、そのまま貼り付けると、ブログによっては画面が全部表示されなかったりします。

そういう時は動画のタグの中にあるwidth（横幅）とheight（縦幅）の値を変えることでサイズの変更ができます。３カラムのブログなど表示の幅が狭くて端が切れる場合はこの値を変えてみてください。

すると、このように全て表示されます。ちなみにwidth="425"を"365" height="344"を"305"に変えてみました。縦横の比率を合わせて変えると、キレイに表示されると思います。

３、画像を挿入して文字を打つと、文字が画面の横に回りこんでしまう。

画像を挿入して、その説明などを書き込むと、文字が画像の下ではなく、横に文字が回り込むことがあります。

2006.SUPER GT

これを画像の下の段落から書き込みたい場合は、ＨＴＭＬの編集画面で、画像のタグの次に<br clear="left">と入れて、次に<p>2006.SUPER GT</p>と打てば

2006.SUPER GT

こうなります。

ブログによってはオプションで設定できるものもあるので、いろいろと試してみてください。

自分の思ったとおりに表示されると楽しくなってきますよ

↓ブログランキング参加中～応援していただけるとうれしいです＾＾

★ＰＣ関連商品、現在の売れ筋はコチラ★