【 A 】 |
a href="リンク先 |
リンクするタグです。
■記述方法 : <a href="リンク先アドレス">リンク用の文字。</a>
■追加可能 : target="_blank" (リンク先を新ウィンドウで表示)
■追加可能 : target="_top" (全フレームがリンク先に移動)
■追加可能 : title="コメント" (リンク部に矢印を重ねると文字を表示できる)
|
a name="リンク先" |
ページ内で指定された場所にリンクするタグです。
■記述方法 : <a name="名前"></a> (このタグを何処かに書いて場所を指定する)
■記述方法 : <a href="#名前">リンク用の文字。</a> (名前を付けた場所に行く)
他のページの名前の部分にリンクしたいなら <a href="ページの名前#名前"> とする。
リンクする方は絶対 # (シャープ)を付けてください。
|
align="位置" |
横の表示位置を決める記述です。
■位置指定 : align="left"(左) align="center"(中) align="right"(右)
■記述方法 : <p align="位置"></p> <div align="位置"></div>
■記述方法 : <table align="位置"><tr><td></td></tr></table>(全体位置)
■記述方法 : <table><tr align="位置"><td></td></tr></table>(横一列)
■記述方法 : <table><tr><td align="位置"></td></tr></table>(中一部)
|
alink="色" |
リンク部分を選択中のときの色です。bodyタグ内に書きます。
■記述方法 : <body alink="色">
|
alt="文字" |
画像が表示されてないときや、画像の上に矢印が重なってるときに文字を表示。
■記述方法 : <img src="画像名" alt="犬の画像です">
|
【 B 】 |
b |
文字を太くするタグです。
■記述方法 : <b>あああ</b>
■サンプル : あああ
|
background="指定" |
サイト全体やtableタグ部分の背景に壁紙を指定できます。
■記述方法 : <body background="画像">(ホームページ全体)
■記述方法 : <table background="画像"><tr><td></td></tr></table>(全体)
■記述方法 : <table><tr background="画像"><td></td></tr></table>(横一列)
■記述方法 : <table><tr><td background="画像"></td></tr></table>(中一部)
|
background-color:指定; |
背景の色を指定することができます。スタイルシートは大体のタグで使用可能。
■記述方法 : <ここにタグ style="background-color:色指定;">
|
background-image:url(指定); |
背景の画像を指定することができます。スタイルシートは大体のタグで使用可能。
■記述方法 : <ここにタグ style="background-image:url(画像名);">
|
bgcolor="色指定" |
サイト全体やtableタグ部分の色の指定をすることができる。
■記述方法 : <body bgcolor="色指定">
■記述方法 : <table bgcolor="色指定"><tr><td></td></tr></table>(全体)
■記述方法 : <table><tr bgcolor="色指定"><td></td></tr></table>(横一列)
■記述方法 : <table><tr><td bgcolor="色指定"></td></tr></table>(中一部)
|
big |
文字を少し大きくするタグです。
■記述方法 : <big>あああ</big>
■サンプル : あああ
|
body |
ホームページが表示されている全体を表すタグです。
■記述方法 : <body>ホームページの内容</body>
■追加可能 : bgcolor="色"(背景色)
■追加可能 : background="画像"(背景画像)
■追加可能 : text="色"(全体文字色)
■追加可能 : link="色"(全体リンク色)
■追加可能 : vlink="色"(訪問済みのリンク色)
■追加可能 : alink="色"(選んでいるときのリンク色)
|
border="数字" |
tableタグの枠線を表示できます。数字を指定すると太くなる。
■記述方法 : <table border><tr><td></td></tr></table>
■記述方法 : <table border="5"><tr><td></td></tr></table>
|
bordercolor="指定" |
tableタグの枠線をの色を決めることができます。「border」も必要です。
■必要な物 : border
■記述方法 : <table border bordercolor="色"><tr><td></td></tr></table>
■記述方法 : <table border="5" bordercolor="色"><tr><td></td></tr></table>
|
border-color:色; |
外線の色を指定することができます。スタイルシートは大体のタグで使用可能。
■必要な物 : border-style:指定;(線の種類を指定してないと見えません)
■記述方法 : <ここにタグ style="border-color:色;">
|
border-style:指定; |
外線の種類を指定することができます。スタイルシートは大体のタグで使用可能。
■記述方法 : <ここにタグ style="border-style:指定;">
|
border-width:指定; |
外線の太さを指定することができます。スタイルシートは大体のタグで使用可能。
■必要な物 : border-style:指定;(線の種類を指定してないと見えません)
■記述方法 : <ここにタグ style="border-style:指定;">
|
br |
改行するタグです。他のタグとは違ってタグを閉じる必要がありません。
■記述方法 : あああ<br>あああ
|
【 C 】 |
center |
位置を真ん中に表示するタグです。
■記述方法 : <center>あああ</center>
■サンプル : あああ
|
cellpadding="数字" |
tableタグの中の文字周りの余白をとることができます。
■記述方法 : <table cellpadding="数字"><tr><td></td></tr></table>
|
cellspacing="数字" |
tableタグの枠の太さを変えることができます。borderや色をつけないと透明。
■記述方法 : <table cellspacing="数字"><tr><td></td></tr></table>
|
color:指定; |
文字の色を変えることができます。スタイルシートは大体のタグで使用可能。
■記述方法 : <ここにタグ style="color:指定;">
|
cols="数字" |
textareaタグの横幅を増やせる。縦を増やすのはrows="数字"
■記述方法 : <textarea cols="数字">中に表示する文字</textarea>
■サンプル : (10と指定すれば半角10文字分の長さになる)
|
colspan="数字" |
tableタグの中身を横に結合することができます。※ tdの場所にしか書けません。
■記述方法 :
<table><tr>
<td colspan="2">あああ</td>
</tr><tr>
<td>あああ</td>
<td>あああ</td>
</tr></table>
|
class="指定" |
head内か外部に用意されたスタイルシートを部分的に呼び出すことができます。
■記述方法head部分 : (AAAの部分に好きな字をいれる。手前にピリオド必要)
<head>
<style type="text/css">
.AAA{font-size:13px;}
.BBB{color:#ff0000;}
</style>
</head>
■記述方法body部分 : (head内の名前がAAAならclass="AAA"と呼び出す)
<body>
<font class="AAA">ああああ</font>
<b class="AAA">いいいい</b>
<div class="BBB">うううう</div>
</body>
|
【 D 】 |
dl dt dd |
用語とその説明みたいな使い方ができるリストタグです。
■記述方法 : (dlが全体、dtが手前、ddは手前に余白があく)
<dl>
<dt>あああ</dt>
<dd>いいいいいい</dd>
<dd>いいいいいい</dd>
<dt>あああ</dt>
<dd>いいいいいい</dd>
<dd>いいいいいい</dd>
</dl>
■サンプル :
- あああ
- いいいいいい
- いいいいいい
- あああ
- いいいいいい
- いいいいいい
|
div |
スタイルシートと相性が良いタグ。横1列分使用する。単体では使わない。
■記述方法 : <div style="スタイルシート">あああ</div>
■記述方法 : <div align="位置指定">あああ</div> (left左、center中、right右)
|