| <img src="画像のURL" > |
画像を表示したいときに使用する。
<img src="a.gif" width="92" height="63" alt="例" >
といった具合に使用。
widthは画像の幅、heightは画像の高さを示す。これをいれておいたほうが画像の表示速度が速くなるらしい…。
altは「オルト」と読む。「代替テキスト」とも言う。画像が表示されない場合に表示されるテキストを入れる。たとえば、ナローバンドが主流のときに、画像が表示されるまでの間に表示されていたもの。
また、音声ブラウザではこの代替テキストが読まれることになるので、そういった方に何の画像があるのかをわかるようにするもの。
さらにいうならば、SEO対策にも欠かせないものとなるので、必ず入れるべし。入れる場合は「イメージ」といったものではなく、具体的に何かがわかるようにいれること。 |
| <a href="URL">〜</a> |
リンクを貼るタグ。
<a href="01.html" target="_blank">最初のページに飛ぶよ</a>
というように使用。
targetはリンクの方法を指定している。具体的には下記のような種類がある。
◆_blank ： 新しいウィンドウを開く
◆以下はフレームページがらみ。
・_parent ： 一番外側のページは残す。
・_self ： 同じフレーム内の遷移。
・_top ： すべてのフレームをはずす。
フレームについてを説明しないと難しいですよね。フレームについては、また後日…。 |
<table>
<tr><td></td></tr>
</table> |
テーブル（表）を作成。このテキストが書かれている部分もまさにテーブル。
ただ表を作るだけでなく、ページのレイアウト構成にも欠かせない。このページ全体もテーブル構造となっている。
<table width="80%" border="1" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="50%">１行１列目</td>
<td>１行２列目</td>
</tr>
<tr>
<td>２行１列目</td>
<td>２行２列目</td>
</tr>
</table>
タグはこんな感じ。
borderは表の線の太さを示す。０にすると、この表のように線はなくなる。 |
| <p>〜</p> |
段落を作るタグ。
<br>は改行だが、<p>を使うと、間に１行あく。
こんな具合に。 |
| <center>〜</center> |
画像やテキストなどを中央そろえにするもの。
こんな感じ。 |
| <b>〜</b> |
テキストをボールドにする。
なお、最近では<strong>を使う方向になっているもよう。
こんな感じになる。 |
| <font>〜</font> |
テキストの書体を指示する。
<font size="+2" color="red">
といった感じで使用。
sizeは大きさを指定。このサイズの表し方は、
◆１〜７の数字で指定
◆-3〜+3で指定
などがある。
colorは文字色を指定。redなどの色名でもいいが、一般的にはWebのカラーコードを使用する。
例）#000099 |
