タグの華

  タグの華はコピーして貼り付けるだけで誰でも簡単に作れる自営業者のためのホームページ作成講座です
トップページ タグ辞典(基本編) タグ辞典(応用編) タグ辞典(実践編) タグ辞典(小技編)

 

  ホームページの変更方法

■色を変更する


背景色を変更する<bgcolor="#ffffff">→<bgcolor="#ff0000">など
この場合背景は白から赤に変わります。

文字色を変更する<font color="#ffffff">タグ華へようこそ</font>
          →<font color="#ff0000">タグ華へようこそ</font>
など
この場合文字(タグ華へようこそ)色は白から赤に変わります。

#6桁の英数字の変わりにredやblueなどの色の名前を入れても大丈夫です。




 ■横の幅や縦の幅


横幅のサイズを変える
<width="300"> → <width="100"> など
この場合横幅300ピクセルが100ピクセルになります。
実際の大きさは
横幅300ピクセル
     
横幅100ピクセル(上が300、下が100)このくらいです


縦幅のサイズを変える
<height="100"> → <height="50"> など
この場合縦幅100ピクセルが50ピクセルになります。
実際の大きさは
   縦幅100ピクセル 縦幅50ピクセル (左が100、右が50)このくらいです







 ■文字入力のポイント

@.文字のサイズを変える
<font size="3"> 文字 </font>
1(小) 〜 7(大)で数字を変える。 何も指定しない場合は3です。

A.文字を太字(Bold)にする
<b> 文字 </b>
<strong> 文字 </strong>
<b>タグは単純に文字を太字にするときに使います。
<strong>タグは<b>タグと表示は同じですが、強調するときに使います。

B.斜体にする
<i> 文字 </i>
<em> 文字 </em>
<i>タグは単純に文字を斜体にするときに使います。
<em>タグは<i>タグと表示は同じですが、強調するときに使います。

C.下線(Underline)を引く
<u> 文字 </u>

D.取り消し線(Strike-through)を引く
<s> 文字 </s>





 ■画像挿入のポイント


テーブルタグの中に画像を配置する

<table>
 <tr>
  <td>
   <IMG src="画像ファイル名" >
  </td>
 </tr>
</table>

貼り付ける場所は
テーブルタグの<td></td>のあいだに貼り付ける。

画像の横幅を変えるには
<IMG src="画像ファイル名" width="200"> の200の部分の数字を変える。

画像の縦幅を変えるには
<IMG src="画像ファイル名" height="150"> の150の部分の数字を変える。

画像の周囲に余白を開ける場合は
<img src="画像ファイル名" hspace="10" vspace="10">
hspaceが縦幅、vspaceが横幅。

画像ファイルは保存してあるHTMLファイルと同じ場所、同じフォルダーの中になければ表示されない。
保存してあるHTMLファイルがあるフォルダに画像専用のフォルダーを作成した場合は画像ファイル名の前にフォルダ名をつける

例). <IMG src="img/flower.jpg"> など。
(この場合画像flower.jpgはimgフォルダの中にあることを意味する。)

画像をテーブルの真ん中に表示させるには
<td align="center"><img src="画像ファイル名">
左は <td align="left">右は <td align="right">

画像をテーブルの上に表示させるには
<td valign="top"><img src="画像ファイル名">
真ん中は <td valign="middle">下は <td valign="bottom">


こちらのテーブルと画像の組み合わせも参考にしてください!







by 自営業者が自分で作るお店のホームぺージ

Copyright © 2008 タグの華 All rights reserved.