スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
  • --------|
  • スポンサー広告
  • 大きい兄ちゃんの初心者のHTML講座 2回目 タグ

    今回は~前回の予告どおり~

    imgタグの使い方やで~^^

    イメージの貼り付け方ってゆう奴でおます


    FC2焚き火のアップロード画面826_621


    まずは~画像の張り方から~

    サムネイル無しでアップすんねんで~


    青丸が~画像のタイトル!!

    これは~入れてもいれんでもエエで~

    通常のFC2ブログの画像のアップやったら~画像のタグにタイトルが入ってるけど

    これから~やる方法では~タイトルは自分で入れなアカンねん

    これは~音声機能がついてるブラウザの場合に

    タイトルを~パソコンが読み上げてくれるねん

    目の悪い人向けやな^^

    普通は入らん機能やけど~将来はどうなるかわからへんで~

    入れるにこしたコトないかな~?

    ワタイは入れてへんわw


    赤丸で~チェックをはずす~

    ピンク丸のトコの数字は反映されへんから~!!



    次は~画像のURLがいるねん

    ネット上にアップされた画像には~みんなURLがあるからな


    ↑↑赤丸のトコをクリックしてみて~


    別窓で~↓↓こんな画像がでるから~


    ↑↑赤丸のURLをコピーして~

    記事~書くトコに貼るねん!!



    そしたら~↓↓の画像が表示されるから~これ使って~説明するな^^


    これを貼り付けるために~

    <img src="http://blog-imgs-32.fc2.com/y/u/m/yumelab/2009100618274490d.jpeg" width="480" height="320">

    ってゆうタグ使ってんねんで~!!

    <img src="・・・・・・”> の・・・・・・のトコに画像のURLを入れる

    上で説明した青字のトコが画像のURLやで~



    ややこしいやろ~?

    すぐになれるから~心配ないで~^^



    それと~ width="480"height="320" ってゆうのんがあるやろ~

    これは~画像の幅と高さを書いてんねん

    ピクセルってゆう単位やけど~480ピクセルってゆうねんで~



    なんで~こんなん書くかゆうたら~

    この写真は~元のサイズが600×400ピクセルやねん

    そのマンマ貼ったら~記事書くトコの幅をオーバーしてまうねん



    試しに~width と height 無しで貼ってみるな~



    こんなん~なりました~ (゚∀゚)アヒャヒャ



    <width="480"> だけを入れた場合は~



    チャンと表示されてんな~^^

    これは~元画像のサイズを基本に~横幅の縮小にあわせて

    縦幅も~縮小されてんねん



    <height="100> だけを入れてみると~



    こんなん~なりました~ (゚∀゚)アヒャヒャ

    もうわかる人もおると思うけど~

    縦幅の縮小にあわせて~縦幅もチッチャなったんやな^^

    これは~よこ幅を極端にチッチャくしても同じ現象が起きるで~



    ココで~チョットお遊び~^^



    こんなん~なりました~ ((((((〃 ̄З ̄)ノ ウヒヒヒヒ♪

    どうやったか~わかる~?


    width="480" と height="100" って入れてん

    顔なんかを~縦に伸ばしたら~オモロイで~ (゚∀゚)アヒャヒャ

    ワタイはたんまに~width="480" と入れるトコを width="4800" って入れて~

    とんでもない画像になったコトあるわ σ(^_^;)アセアセ




    ちなみに~FC2は~画像をアップしたら~

    横も立てもサイズが入ってんで~今度見てみ~!!


    これにも~チャンと理由があんねんで~

    ブラウザが画像を表示するときに~自動で判断すんねんけど

    これを入れてやると~判断する必要が無い分

    早く表示されんねんで~スゴイやろ~!!

    写真いっぱい貼ってる人は気いつけや~ホンマw




    ココで~チョットだけ~前回の記事の最後に書いたコトの説明するな~^^

    普通の場合やけど~

    ブログの記事を書くトコは~HTMLタグで書いたコトは

    チャンと表示されるねん ⇒ 上の焚き火に画像みたいにな


    そこで~今回みたいなタグの記事を書く時には~

    < > ← ← みたいなカッコが使えへんねん


    例えば~

    < > の中に~タグに関係ないローマ字・・・ひらがな&カタカナ&漢字とかやったら表示されんねん

    つまり~!!

    < > だけとか <アホ ボケ カス><漢字> やったら~そのマンマ表示されんねん



    タグに関係あるローマ字を入れたら~意味の無いローマ字やけどな


    大文字・小文字に関係なく表示されへんねん

    透明になるってゆうコトやなw

    意味のあるローマ字やったら~意味の内容が表示されんねん

    画像とか~リンクとか~^^

    これが言いたくて~前回は < > で括ったタグを画像にして貼ってんw


    そやけど~もっとエエ方法があんねん!!

    &lt; &gt; で括ったらエエねんで~

    わかるかな~上の&lt;や&gt;は~ひらがな表記状態で書いてるから~表示されてるけど

    ホンマは~半角英数で書くねんそしたら

    &lt; &gt; が ⇒ < >で表示されて~これで括ったら~

    タグが~表示されんねん^^

    <img> ← ← これ~&kt;や&gt;で括ってんねんで~

         ← ← <> で括ってんねんで~ (゚∀゚)アヒャヒャ

    ホ・ン・マ・やで~^^



    あとな~上から四つ目までの画像だけ~中央に表示されてんのに~

    気づいた人は~手ぇ上げて~

    アンタは~エライッ!!

    これは~センタリングってゆうHTMLタグを使ってんねんで~ φ(◎。◎‐)フムフム


    次回は~このコトについて~チョット!!

    tag : imgタグ URL サムネイル FC2 HTML センタリング

  • 2009-10-06|
  • [アフィリエイト初心者]初心者のHTML講座
  • コメント : 7
  • トラックバック|0
  • コメントの投稿

    Secre

    初めまして
    携帯アフィリエイトに取り組んでいる夕雲と申します。
    良い情報ありがとうございます。ポチさせて頂きました。

    Re: タイトルなし

    まいど^^)

    やるならやったろうぜ!! さん~

    よろしく~^^


    ほな また〆

    こんにちは~
    ランキングからやって来て
    ポチっとクリックしておきました。
    お互いに頑張りましょう!!

    Re: タイトルなし

    まいど^^)

    マー君~

    しばらくは~続くと思うで~^^

    PC講座~^^


    ほな また〆

    まいどぉ~~だっす^00^ノ
    なんとも大きい兄ちゃんPC講座が
    定番化ダスね^00^
    オラはPC音痴ダスのでw
    ほんとに助かりますダス^00^b
    この度もわかりやすく勉強になりましたダス!
    ( ´┏Д┓`)ノ~☆彡応援

    Re: こんばんは(^^)

    まいど^^)

    幸さん~

    ライブドアでも~できるで~^^

    ライブドアは~FC2と使い方が似てんねん

    表示されてないのんは~どっかで間違えてるで~w


    ほな また〆

    こんばんは(^^)

    livedoorでも出来る?
    FC2使ってた時はやってたけど、
    何気にできないv-356

    画像、表示されてないのがあるよ~(・・;
    カテゴリ
    お気に入り追加

    ブログランキングに参加しています。 にほんブログ村 小遣いブログ アフィリエイトへ

    FC2Blog Ranking アフィリエイト

    RSS登録もよろしく^^
    My Yahoo!に追加 Add to Google

    お気に入りリンク集
    物販ASP


    高報酬アフィリエイト、Affility「アフィリティ」


    商品無料仕入れ戦隊『電脳卸』


    プロフィール

    大きい兄ちゃん

    Author:大きい兄ちゃん
    ☆けっこうエエこと書いてんで~@ジックリ読んでな~★

    質問受付コーナー

    名前:
    メール:
    件名:
    本文:

    FC2ブックマーク
    ブロとも申請フォーム

    この人とブロともになる

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