スポンサーサイト 

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
スポンサー広告 | トラックバック(-) | コメント(-)

画像にテキストを回り込ませる 

画像にテキストを回り込ませるには<img src="画像名" align="right か left">を使用します。
画像名の部分は"フォルダ名 / ファイル(画像)名 .gif (拡張子)" を記入します。

HTMLタグ
<img src="画像名" align="right">右に画像を表示、テキストは左

アジサイIE 表示
右に画像を表示、テキストは左

HTMLタグ
<img src="画像名" align="left">左に画像を表示、テキストは右

アジサイIE 表示
左に画像を表示、テキストは右

スポンサーサイト
HTMLタグ一覧 | トラックバック(-) | CM(0)

画像にバツマークが表示されるのは? 

質問
画像をはったんですけどバツマークが表示されて画像がみれないんですけどなぜですか?

解答
gazouフォルダの中にkaeruという画像を保存した場合の画像を表示させるタグは<img src="gazou/kaeru.gif">になります。
もう一度試して見てください。
画像の拡張子(この場合gif)も確認してください。分からない場合は画像の上にマウスポインタを置くと表示します。

クリックで拡大

クリックで拡大
Q&A | トラックバック(-) | CM(0)

画像の回りこみを解除する 

画像の回りこみを解除するには<br clear="all">を使用します。

HTMLタグ
<img src="画像名" align="right">右に画像を表示、テキストは左<br clear="all">
回り込みを解除しました

アジサイIE 表示
右に画像を表示、テキストは左
回り込みを解除しました。
HTMLタグ一覧 | トラックバック(-) | CM(0)

箇条書きリスト 

リストを作成するには、<ul>~</ul>タグの間に、<li>~</li>を挿入します。

HTMLタグ
<ul>
<li>リスト1</li>
<li>リスト2</li>
<li>リスト3</li>
</ul>

IE 表示

  • リスト1
  • リスト2
  • リスト3

HTMLタグ一覧 | トラックバック(-) | CM(0)

番号付きリスト 

番号付きリストを作成するには、<ol>~</ol>タグの間に、<li>~</li>を挿入します。

HTMLタグ
<ol>
<li>番号付きリスト1</li>
<li>番号付きリスト2</li>
<li>番号付きリスト3</li>
</ol>

IE表示

  1. 番号付きリスト1
  2. 番号付きリスト2
  3. 番号付きリスト3

HTMLタグ一覧 | トラックバック(-) | CM(0)

リスト番号の種類を変える 

リスト番号の種類を変更するには、<ol type="a"><li>~</li></ol>タグを使用します。
<ol type="a">の a(小文字) の部分をA(大文字)や(ローマ数字の小文字)やⅠ(ローマ数字の大文字)に変更できます。

HTMLタグ
<ol type="a">
<li>小文字アルファベット1</li>
<li>小文字アルファベット2</li>
</ol>

IE 表示

  1. 小文字アルファベット1
  2. 小文字アルファベット2

HTMLタグ一覧 | トラックバック(-) | CM(0)




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