ホームページの制作や作成に役立つ、テンプレート素材や画像素材などを無料で配布しています。制作に役立ててください。
 |
 |
 |
 |
 |
 |
 |
 |
MENU
素 材
制 作
リンク
HTML＆CSS 辞典
| 【 Ｔ 】 | |
|---|---|
| table |
表やレイアウトなどに使用できる便利なタグです。borderがないと透明枠になります。 <td>を増やすと横に列が増え、<tr>を増やすと縦に段が増える。 ■記述方法 ： <table border> <tr> <td>あああ</td> <td>あああ</td> <td>あああ</td> </tr> <tr> <td>あああ</td> <td>あああ</td> <td>あああ</td> </tr> </table> ■追加可能 ： align="位置" left（左） center（中） right（右） ■追加可能 ： cellspacing="数字"（線の太さ） cellpadding="数字"（中の余白） ■追加可能 ： width="数字"（横の長さ） height="数字"（縦の長さ） ■追加可能 ： border="数字"（外枠幅） bordercolor="数字"（枠の色） ■追加可能 ： bgcolor="色"（背景色） background="画像"（背景画像） |
| target="指定" |
リンク先の開き方を指定できます。 ■記述方法 ： <a href="リンク先" target="指定">あああ</a> ■記述種類 ： target="_blank"（新ウィンドウで開く） target="_top"（フレーム全体） |
| td |
tableタグの一番中身のタグです。ここに文字などを記入していきます。 <td>の代わりに<th>を使うこともできます。太字の中央表示になる。 ■追加可能 ： align="位置" left（左） center（中） right（右） ■追加可能 ： width="数字"（横の長さ） height="数字"（縦の長さ） ■追加可能 ： bgcolor="色"（背景色） background="画像"（背景画像） |
| text="色" |
bodyタグ内に書き、全体の文字の色を決めます。 ■記述方法 ： <body text="色"> |
| textarea |
更新履歴や、掲示板の文章エリアなど幅広く使われています。 中にはテキストだけ記入が可能で、タグは一切使えません。 ■記述方法 ： <textarea>中に表示する文字</textarea> ■サンプル ： ■追加可能 ： rows="数字" （縦の段数） cols="数字"（横の長さ） |
| text-align:位置; |
文字などの表示位置を指定できる。スタイルシートは大体のタグで使用可能。 ■記述方法 ： <ここにタグ style="text-align:位置;"> ■位置指定 ： left（左） center（中） right（右） |
| text-decoration:指定; |
文字などの上や下に線を付けれる。スタイルシートは大体のタグで使用可能。 ■記述方法 ： <ここにタグ text-decoration:指定;"> ■記述種類 ： none（下線などを消す） underline（下線） overline（上線） |
| th |
<td>と同様のタグです。中央寄せの太字になるので題目に便利。 ■追加可能 ： align="位置" left（左） center（中） right（右） ■追加可能 ： width="数字"（横の長さ） height="数字"（縦の長さ） ■追加可能 ： bgcolor="色"（背景色） background="画像"（背景画像） |
| title |
ブラウザの左上に表示されるホームページタイトルを決めるタグです。 ■記述方法 ： <title>ホームページタイトル</title> （※ headタグ部分に書く） |
| title="文字" |
これを記入したタグのエリアの上にマウスで矢印を持っていき、 少し待っていると、中に書かれている文字が表示されます。 ■記述方法 ： <a href="http://www.yahoo.co.jp/" title="おすすめ">リンク文字</a> ■サンプル ： リンク文字 ■記述方法 ： <b title="太字タグを使ってるよ♪">ここに重ねてみて</b> ■サンプル ： ここに重ねてみて |
| tr |
tableタグの縦の段を増やすときに使用するタグ。横一列分の指定もできる。 <tr>タグがないと<td>や<th>は表示できません。 ■追加可能 ： align="位置" left（左） center（中） right（右） ■追加可能 ： width="数字"（横の長さ） height="数字"（縦の長さ） ■追加可能 ： bgcolor="色"（背景色） background="画像"（背景画像） |
| 【 Ｕ 】 | |
| ul |
リストタグの親の部分のタグです。<li>部分が文字を配置します。 ■記述方法 ： <ul> <li>あああ</li> <li>あああ</li> <li>あああ</li> </ul> ■サンプル ：
■記述方法 ： <ul type="circle"> <li>あああ</li> <li>あああ</li> <li>あああ</li> </ul> ■サンプル ：
|
| 【 Ｖ 】 | |
| valign="位置" |
縦の表示位置を決める記述です。 ■位置指定 ： valign="top"（上） valign="bottom"（下） ■記述方法 ： <table><tr valign="位置"><td></td></tr></table>（横一列） ■記述方法 ： <table><tr><td valign="位置"></td></tr></table>（中一部） |
| vlink="色" |
bodyタグ内に書き、全体のリンク済みの色を指定できる。 ■記述方法 ： <body vlink="色"> （1度行ったことあるリンク先の色） |
| 【 Ｗ 】 | |
| width="数字" |
tableタグなどの横の長さを数字で指定することができます。tdなどでも使用可能。 ■記述方法 ： <table width="数字"><tr><td></td></tr></table> （全体指定） ■記述方法 ： <table><tr><td width="数字"></td></tr></table> （部分指定） ■記述方法 ： <hr width="数字"> （横線の幅指定） |
| 【 Ｘ 】 | |
| 【 Ｙ 】 | |
| 【 Ｚ 】 | |
| 【 記号 】 | |
| !--コメント-- |
編集する人だけが見えるコメント。ホームページ上では全く見えない。 ■記述方法 ： <!--ここに何かメモなど書く--> 自分でメモをしたり、他の人が分かり易いように書いたりするのに使う。 |