HTMLタグ
今日は自分がこれまでブログをやっていて、つまずいたHTMLタグについて書いてみようと思います。
1、ブログランキングのバナー画像
からのリンクを設定できない。
2、youtubeなどの動画を貼ってみたけど、画面の端が切れている。
3、画像を挿入して文字を打つと、文字が画像の横に回り込んでしまう。
1、ブログランキングのバナー画像からのリンクを設定できない。
ブログランキングに登録すると、自分用のIDが入ったリンクURLと、リンクタグが使えるようになります。
リンクタグのほうをそのまま貼り付けた場合、
このように問題ないのですが、
リンク用バナー画像を使ってリンクさせる場合、画像を挿入して、そこにリンクURLを挿入しようとすると(ココログでの場合)
このようになってしまいました。
画像がぼやけてるし、ランキングサイトにも飛ばないんですね。
(同じようになった人いるかな)
普通のリンクの設定と同じようにしてもうまくいきませんでした。
そこで、バナー画像を使ってのリンクの設定方法ですが、HTMLの編集で
<A HREF="IDの入ったブログランキングへのリンクURL/"target=" blank"><img src="あなたのブログのURL/バナー画像の名前( 私の場合はrank_banner.gif )"border="0"></A>
これで、バナー画像を使ってリンクが設定できます。
前回の記事ではページが切り替わって表示されていたのですが、target=~ blank"を入れることで別ウインドウで表示させられるようになります。
2、youtubeなどの動画を貼ってみたけど、画面の端が切れている。
youtubeやニコニコなどの動画サイトにはブログやHPに埋め込みできるタグがあります。
ここをコピーして、貼り付ければいいのですが、そのまま貼り付けると、ブログによっては画面が全部表示されなかったりします。
そういう時は動画のタグの中にあるwidth(横幅)とheight(縦幅)の値を変えることでサイズの変更ができます。3カラムのブログなど表示の幅が狭くて端が切れる場合はこの値を変えてみてください。
すると、このように全て表示されます。ちなみにwidth="425"を"365" height="344"を"305"に変えてみました。縦横の比率を合わせて変えると、キレイに表示されると思います。
3、画像を挿入して文字を打つと、文字が画面の横に回りこんでしまう。
画像を挿入して、その説明などを書き込むと、文字が画像の下ではなく、横に文字が回り込むことがあります。
2006.SUPER GT
これを画像の下の段落から書き込みたい場合は、HTMLの編集画面で、画像のタグの次に<br clear="left">と入れて、次に<p>2006.SUPER GT</p>と打てば
2006.SUPER GT
こうなります。
ブログによってはオプションで設定できるものもあるので、いろいろと試してみてください。
自分の思ったとおりに表示されると楽しくなってきますよ![]()
↓ブログランキング参加中~応援していただけるとうれしいです^^
| 固定リンク
「パソコン・インターネット」カテゴリの記事
- HTMLタグ(2008.07.13)
- Craving Explorer(2008.06.09)
- セキュリティ(2008.06.01)
- エミュレータ(2008.05.20)
- ショートカットキー(2008.05.15)




コメント
はじめまして!
suzunaといいます。
私もちょいコガ実践(?)中です。
HTMだとかタグだとか今普通にやっちゃってることが知らない人には不思議だし、難しいことなんですよね
分かりやすくていい記事ですね
応援♪see you!
投稿: suzuna | 2008年7月21日 (月) 23時41分
suzunaさん、訪問ありがとうございます^^
そうですね、実際にやってみるとそうでもないけど、ブログとかHPとか作らない限り使うことないですからね^^;
投稿: KEN | 2008年8月 1日 (金) 06時58分
以前それと同じことで苦労しました、
もっと早くこの記事を見ていれば^^;
投稿: ヒロミツ | 2008年8月23日 (土) 23時45分
おはようございます。
nobusaと言います^^
ランキングから訪問しました。
ブログ応援活動中です。
また 伺います
応援済み
投稿: nobusa | 2008年8月27日 (水) 08時21分