ホームページの制作や作成に役立つ、テンプレート素材や画像素材などを無料で配布しています。制作に役立ててください。
バナー バナー バナー バナー バナー バナー バナー

HTML&CSS 辞典

【 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右)
【 E 】

スポンサーリンク

Copyright (C) 2006 無料HPテンプレ素材屋 , All rights reserved.