ホームページ制作、千太の絵空事

文字列と同様にイメージを配列(Yahooブログをあなたの色に！)

● 言葉でだせる顔文字

顔文字の出し方｜ コメントでの顔アイコン、アバターの出し方｜ ハートマークなどの出し方

---

行間があけたい！｜改行の秘密｜執筆フィールドの秘密

---

あなたに、やさしく将来を考えて、「安全性」で表記を分けています！。
Levelについて （できるからといって・・・。）

---

トラックバックとは？｜トラックバックするには？｜トラックバックするということ

Yahooブログをあなたの色に！。

「春」ですね！。まずはどんな色がいいですか！。「春色」それとも「秋色」？。

• Webセーフカラー２１６色（春色？)｜Webセーフカラー２１６色(秋色？)
  

春色の文字でもたまにはいいかも！

• 文字に色を付けたい！
  

少しだけ心をつかって、（素敵な心になれるかも！）

• 素敵な色の使い方｜色での指定●色での強調
  
  

文字のサイズを変えたり、ページに変化を！

• Yahooブログで使えるタグ｜文字のサイズを指定してみよう！
  

ブログに記事を書き始めると、リンクを貼りたくなりますね。そんな場合あなたはどうしますか？

• リンクが、はりたい！●ページの位置を指定してのリンク
  

とにかく記事もだけど、イメージを入れたい、そんは方には

• 記事に簡単にイメージを入れたい｜文中にイメージを入れたい文字列と同様にイメージを配列
  

記事を構造的にしっかり記入したい、そんなあなたには！

• ヘルプにあるwiki｜wikiでの表記２●表の属性として(直接記入)●Levelについて
  
  

文字列と同様に配列しイメージを挿入（Level２）

文字列と同様に配列しイメージを挿入（Level２）

文字列と同様に、配列でき、イメージを記事内で表示する方法について語ります、

• [ＵＲＬを直で表示]
  
• [文字列と同様に配列]
  
• [連続しての表示]
  
• [ＡＬＴ属性を入れて表示]
  
  

ＵＲＬを直で表示

http：//〜で始まるＵＲＬを記入するとリンクが自動で生成されますが、
新規投稿＞記事作成ページで、wiki文法使用にチェックを入れると
このＵＲＬがイメージの場合、簡単にイメージを記事内で表示させることができます

• wikiでの表記
  

  http://〜.jpg
  

※ＵＲＬの直後は「半角のスペース」を必ずいれてください。

• 見え方
  
  

• 実際のHTMLのソース（一部、編集してわかりやすいようにしています）
  

  <a href="http://〜.jpg" target=_blank>
  <img ｓrc="http://〜.jpg" alt="http://〜.jpg" border=0>
  </a>
  

※ＡＬＴ属性についてはＵＲＬが入ってしまいます。
※画像添付でアップロードしたイメージを流用する場合は、
ＵＲＬをそのままでは只のリンクだけになってしまいます。
拡張子、(例えば、.jpgや.gifというイメージの拡張子)を文字列の最後に補完する必要があります。

文字列と同様に配列

ＨＴＭＬのソースを見ればわかりますが、イメージはインライン要素として、a要素に内包されています。
ですから、文字列と同様に配列することができます。

• wikiでの表記
  

  テキストhttp://〜.jpg http://〜.jpg テキスト
  

※ＵＲＬの直後は「半角のスペース」を必ずいれてください。

• 見え方
  
  

テキスト テキスト

※イメージのあとに半角のスペースがありますね。

連続しての表示

• wikiでの表記
  

  テキスト[http://〜.jpg][http://〜.jpg]テキスト
  

※ＵＲＬの直後や、]の直後でも「半角のスペース」はこの場合必要ありません。

• 見え方
  

テキストテキスト
ですから、イメージを横にくっ付けて表示できます。改行すれば

• wikiでの表記
  

  テキスト[http://〜.jpg][http://〜.jpg]テキスト
  テキスト[http://〜.jpg][http://〜.jpg]テキスト
  

※ＵＲＬの直後や、]の直後でも「半角のスペース」はこの場合必要ありません。

• 見え方
  

テキストテキスト
テキストテキスト

ＡＬＴ属性を入れて表示

• wikiでの表記
  

  [http://〜.jpg ＡＬＴ属性] 
  

※ＵＲＬの直後は「半角のスペース」を必ずいれてください。
（テキストリンクと似ていますね）

• 例えば
  

  [http://〜.jpg テキスト] 
  

• 見え方
  
  

※マウスでイメージの上に移動させて、しばらくするとテキストがポップアップし、ＡＬＴ属性でテキストが入っている事が確認できます。

• 実際のHTMLのソース（一部、編集してわかりやすいようにしています）
  

  <a href="http://〜.jpg" target=_blank>
  <img ｓrc="http://〜.jpg" alt="テキスト" border=0>
  </a>
  

  
  

もちろん、上記のように文字列と同様に連続して配列できます

• 見え方
  
  

テキストテキスト
テキストテキスト

※ブロック要素としてのイメージは高さや、幅が指定でき、ＡＬＴ属性も入れることができます。

wikiでの表記２Level２

---

尚、記事編集において、
「ブログの種」（旧WebSite制作奮闘記）
mugiさんの
挿入画像の前後にテキスト
をヒントにさせて頂きました。ありがとうございました。

---

その他のヒント
記事に簡単に画像を入れたい｜文中にイメージを入れたい｜「雑誌のようにイメージを入れたい（回り込み）」｜イメージの貼り付けの秘密｜