HTMLソース |
効果・タグの意味 |
<P>あいうえお<BR>
</P> |
改行タグ :<BR>
次の行への意味です。 |
<TABLE border="0">
<TBODY>
<TR>
<TD width="800" height="100">あいうえお</TD>
</TR>
</TBODY>
</TABLE> |
表(縦分割)タグ
<TABLE border="0">は、表枠の幅を意味します。0の場合は表はブラウザに表示されません。
<TD width="800" height="100"></TD>のwidth="800"は、表の幅を意味します。height="100"は、縦幅を意味します。
<TABLE border="1" width="100%">に書くと、行の幅をページにあわせることができます。
例 : <TABLE border="1">で表示しています。
←は1行の表ですが、2行以上にする場合は、
のように増やしていきます。
|
<TABLE border="1">
<TBODY>
<TR>
<TD width="250" height="100"></TD>
<TD width="250" height="100">あいうえお</TD>
</TR>
</TBODY>
</TABLE>
※表の中に文字を書くときは、
<TD width="800" height="100">ここに文字を入力してください。</TD> |
表(横分割)タグ
例 : <TABLE border="1">で表示しています。
このように表示されます。
行を2行に増やしたい場合は、
のように増やします。列を増やす時も同様です。
|
<P align="left">あいうえお</P>
※このタグは右揃えです。 |
文字や画像を右・中央・左に揃えるタグ
揃え |
右揃え |
中央揃え |
左揃え |
タグ |
<P align="left"></P> |
<P align="center"></P> |
<P align="right"></P> |
例 |
あいうえお |
あいうえお |
あいうえお |
|
<TABLE border="1" width="100%">
<TBODY>
<TR>
<TD valign="top">あいうえお</TD>
</TR>
</TBODY>
</TABLE>
※このタグは上揃えです。 |
表の中の文字や画像を上・中央・下に揃えるタグ
揃え |
右揃え |
中央揃え |
左揃え |
タグ |
<P align="left"></P> |
<P align="center"></P> |
<P align="right"></P> |
例 |
あいうえお |
あいうえお |
あいうえお |
|
<P><FONT color="#ff0000">あいうえお</FONT></P>
※このタグは赤色にです。 |
文字の色を変えるタグ
<P><FONT color="#ff0000">あいうえお</FONT></P>のcolor="#ff0000"というタグは、その後の文字を赤色に変えてと、A君に教えるタグです。
#ff0000のところを下記などに変えると色が変わります。
黒 |
青 |
赤 |
黄色 |
#000000 |
#0000ff |
#ff0000 |
#ffff00 |
白 |
緑 |
灰色 |
茶色 |
#ffffff |
#00ff00 |
#cccccc |
#660000 |
オレンジ |
ピンク |
水色 |
薄い黄色 |
#ff8040 |
#ff00ff |
#80ffff |
#ffffec |
|
<TABLE border="1" width="100%">
<TBODY>
<TR>
<TD bgcolor="#ffffff">あいうえお</TD>
</TR>
</TBODY>
</TABLE>
※このタクは、白色です。
※文字の色は変わりません。 |
表の色をかえるタグ
黒 |
青 |
赤 |
黄色 |
#000000 |
#0000ff |
#ff0000 |
#ffff00 |
白 |
緑 |
灰色 |
茶色 |
#ffffff |
#00ff00 |
#cccccc |
#660000 |
オレンジ |
ピンク |
水色 |
薄い黄色 |
#ff8040 |
#ff00ff |
#80ffff |
#ffffec |
文字の色と表の色を変えたい場合のタグは、↓をコピーしてbgcolor="#0000ffの部分は表の色(現在は青です)、color="#ffffff、文字の色(現在は白です)を変更してお使いください。
|
上記タグ例 :
|
<P><FONT size="3">あ</FONT></P> |
文字のサイズを変えるタグ
size="3"の部分の数字の大きさで、文字の大小を設定できます。
|
<P><B>あ</B></P> |
文字を太くするタグ
文字サイズ5で太字のタグは↓
タグ例 :<P><B><FONT size="5">あいうえお</FONT></B></P>
表示例 : あいうえお |
<P><I>あ</I></P> |
文字を斜めにするタグ
文字サイズ5で太字で斜めのタグは↓
タグ例 :<P><B><FONT size="5"><I>あいうえお</I></FONT></B></P>
表示例 : あいうえお |
<P><U>あ</U></P> |
下線を付けるタグ
文字サイズ5で太字で下線のタグは、↓
タグ例 :<P><B><FONT size="5"><U>あいうえお</U></FONT></B></P>
表示例 : あいうえお |
<P><S>あ</S></P> |
打ち消し線タグ
文字サイズ5で太字で打ち消しのタグは、↓
タグ例 :<P><S><FONT size="5">あいうえお</FONT></S></P>
表示例 : あいうえお |
<P><A href="http://infobiz.fc2web.com/pocket/index.htm" target="_blank">あいうえお</A></P> |
リンクを貼るタグ
<A href="http://infobiz.fc2web.com/pocket/index.htm" target="_blank">あいうえお</A>の、
href="http://infobiz.fc2web.com/pocket/index.htm" target="_blank"の赤い部分にリンクを張りたいURLを入力します。
あいうえお</A>の赤い部分にURLのタイトルを入力してください。
target="_blank"の部分は、どこで開くかを表すタグです。
target="_blank"は新しいウインドウで開きます。
例 : あいうえお ←は当サイトトップページが新しいウインドウで開きます。
target="_self"は同一ウインドウで開きます。
例 : あいうえお ←は当サイトトップページが開きます。
|
<P><IMG src="aiueol.gif" width="80" height="80" border="0"></P>
|
画像を貼り付けるタグ
※ここで説明しています張り方の解説では、貼り付ける画像の保存場所が、今作成しているHPのメモ帳と同一フォルダ内に保存してあることが条件となります。
<IMG src="aiueol.gif"の色の付いた部分は、保存されている画像の名前を半角で入力してください。
width="80" height="80" border="0"の部分は、画像の大きさを表しています。
|
<P><A href="http://infobiz.fc2web.com/pocket/index.htm" target="_blank"><IMG src="aiueol.gif" width="80" height="80" border="0"></A></P>
|
画像にリンクを貼り付けるタグ
画像にリンクを貼り付けるには、貼り付けたいURLを入力後に画貼り付けてある画像を入力するだけです。
<A href="http://infobiz.fc2web.com/pocket/index.htm"
ここにはリンクしたいURLを赤い部分を変えてください。
target="_blank">ここは、リンクを貼るタグを参考ください。
<IMG src="aiueol.gif" width="80" height="80" border="0"></A>
ここには、同一フォルダに保存してある画像の名前を半角で入力してください。 |
<BODY background="00.gif"> |
壁画の貼り付けタグ
壁画にしたい画像が、今作成しているHPのメモ帳と同一フォルダ内に保存してあることが条件となります。
始めの<BODYタグ内の、語尾にbackground="ここに保存してある画像の名前を入力"で、壁が設定は完了です。
|