• このエントリーをはてなブックマークに追加


ブログで必要とされそうな程度のHTML言語講座 1

予約投稿でお送りします。

今回から始まりました、
ブログで必要とされそうな程度のHTML言語講座(FC2blogユーザー向け)

ではこの1回目は画像です。

FC2ではボタンをクリックするだけで挿入できますが、くわしいことを書いておきます。

画像のタグ
<img src="[URL]" alt="[説明]" title="[説明]" border="0" width="[横]" height="[縦]" />

img srcのイコールの先に画像URLです。ここで指定した画像が表示されます。
注意!! ""の中に入力するようにして下さい。
""は(テンキーではない)2+shiftで入力できます。

widthheightは表示サイズです。数字で入力してください。

で、alttitleは、オンマウスで表示される文字列です。日本語を入力しても問題はありません。
オンマウスで表示されるとこんな感じです。
2010y03m07d_161935426.jpg
この黄色いやつw。
見たことあるはずです。
これを表示させることができます。

そしてこのタグがなかっても動作します。
その場合は alt="[説明]" title="[説明]" をまるごと消すだけでokです。


では試しに表示させてみましょう。

バナー
<img src="http://blog-imgs-34.fc2.com/w/e/b/webshift/bana-.png" alt="バナー" title="バナー" border="0" width="200" height="40" />

画像にマウスを乗せておくと、「バナー」と表示されるはずです。

基本はこんな感じです。

次回はいつになるか分かりませんw
やるとしたら次はリンクですねw



それでは!
参考になれば幸いです。
スポンサーサイト

Pagination

Comment

webshift

Java scriptは全く分からないですw

リンクフリーなので全然OKですよ!!
ついでにいっちーさんのサイトのリンクも張りさせていただきますね!

いっちー

わ~
HTMLのタグだ~
Java scriptいじったとき、調べたことあったな……
懐かしいです。

質問なんですが、
このサイトにリンク貼ってもよろしいですか?

webshift

ありがとです~

alt="説明"は結構使えるのでいいですねw
でもコレが表示されないブラウザもあるので注意しないといけませんね。

タグについて知りたかったらここを見ると良いかもです~
http://heo.jp/tag/

和沙

HP制作ソフトでサイト運営してる自分がいうのもなんですが…
結構ブログみたいにボタンカチカチで入力できるのですが、具体例(?)2の、オンマウスの時の画像の名前表示のやつがどうもよくわからなくて…。
いや、自分がヘルプで調べまくってないってのもあるんですけどね…はは。

リンク先とか画像使ってるところもありますし、自分のサイトでもゲーム紹介で画像使ってるところもあるので、そのタグ早速使いますね~。
人によってはPCの状態では、画像が右クリックして画像表示しないと何かようわからんって人もいて、困るだろうなぁと思っていたので…。
いい情報ありがとうでした~

webshift

うんw似てるのは気のせい☆w

まとまってますかw
それなら良かったですw

了解です。文字色変更ね。
って記事中でかなり使ってるじゃないですかww

Mei

何か凄いな♪
頑張って!!

astarisuk

なにか俺が前開催した 
「みんなでやろうピクチャ講座 1」に酷似してるのは俺が大人になってスルーするとして・・・


なかなかまとまってるなーw
俺こういうの苦手なんだよなーww
次は「ブログの文字色変更」あたりでお願いします・・・www
  • URL
  • 2010/03/08 19:09

Post Your Comment

コメント登録フォーム
公開設定

Utility

目標

  • アクティブになる!
  • 自分の役割をちゃんと果たせるようになる!

お知らせ

更新休止中です。2015/03/06

ダウンロード

自爆少年
Jump Run Attack
ハカセ先生のウディタ講座
ESound Player
UM Explorer
Udita Explorer

テストプレイコモン
時間表示コモン
ダブルクリックコモン

Banner

↓ 以下工事中 ↓

カテゴリ

openclose

月別アーカイブ

検索

web拍手

web拍手
メッセージなどはこちらに
どうぞ!