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

MENU

素　材

制　作

リンク

HTML＆CSS 辞典

目次に戻る Ａ〜Ｅ ページ Ｆ〜Ｒ ページ Ｓ〜記号 ページ
【 Ｆ 】
font 最も定番な文字の色や大きさや種類を変更するタグ。単体では使わない。
■記述方法 ： <font color="色">あああ</font>（色の変更）
■記述方法 ： <font size="数字">あああ</font>（大きさ変更）
■記述方法 ： <font face="種類">あああ</font>（種類変更）
font-size:数字px; 文字の大きさを細かく変更できる。スタイルシートは大体のタグで使用可能。
■記述方法 ： <ここにタグ style="font-size:数字px;">
font-weight:bold; 文字を太字にすることができます。スタイルシートは大体のタグで使用可能。
■記述方法 ： <ここにタグ style="font-weight:bold;">
【 Ｇ 】
【 Ｈ 】
h数字 見出しに使うタグです。hの後に1〜6までの数字を指定すると大きさが変わる。
横一列使用し、太字になり、回りに余白ができる。1が一番大、6が一番小。
■記述方法 ： <h1>あああ</h1>
■サンプル ：

あああ

■記述方法 ： <h2>あああ</h2>
■サンプル ：

あああ

■位置指定 ： align="left"（左） align="center"（中） align="right"（右）
head スタイルシートやJavascriptなど、間接的に使えるものなどを置いておく場所です。
サイトのタイトルや、サイト情報、検索キーワードなどのメタタグもここに書く。
■記述方法 ：
<head>
<title>タイトル<title>
<meta name="description" content="紹介文">
<meta name="keywords" content="キーワード,キーワード,キーワード">
</head>
height="数字" tableタグなどの高さを数字で指定することができます。tdやtrでも使用可能。
■記述方法 ： <table height="数字"><tr><td></td></tr></table>
hr 端から端まで伸びる横の線をひけます。タグを閉じる必要はありません。
■記述方法 ： <hr>
■サンプル ：
■追加可能 ： color="色"
■追加可能 ： size="数" （太さ）
■追加可能 ： width="数" （横の長さ）
■追加可能 ： align="位置" left（左） center（中） right（右）
html ホームページ全体を示します。※ このタグは絶対必要です。
一番最初に<html>、一番最後に</html>と、きちんと記述してください。
<html>
<head>
<title>タイトル</title>
</head>
<body>
ここにサイトの内容をつめていく
</body>
</html>
【 Ｉ 】
input 決定ボタンや、記入や、選択したりできるフォームタグです。
主にCGIやJavascriptなどで記入情報を得るために使用されることが多いです。
■種類「決定ボタン」 ： <input type="submit" value="表示する文字">
■サンプル ：
■種類「リセットボタン」 ： <input type="reset" value="リセット">
■サンプル ：
■種類「普通のボタン」 ： <input type="button" value="普通のボタン">
■サンプル ：
■種類「文字入力エリア」 ： <input type="text" value="表示する文字">
■サンプル ：
■種類「パスワード」 ： <input type="password" value="パス">
■サンプル ：
■種類「見えない情報」 ： <input type="hidden" value="送信文字">
■サンプル ： これは見えない値を送ることができます。CGIなどでよく使う。
■種類「ラジオボタン」 ： （同じ名のボタンから、選んだボタンの内容を得る）
<input type="radio" name="aa" value="Aを選んだ">
<input type="radio" name="aa" value="Bを選んだ">
<input type="radio" name="aa" value="Cを選んだ">
■サンプル ： A B C
■種類「チェックボックス」 ： （同じ名のボタンから、選んだ内容を全て得る）
<input type="checkbox" name="aa" value="Aを選んだ">
<input type="checkbox" name="aa" value="Bを選んだ">
<input type="checkbox" name="aa" value="Cを選んだ">
■サンプル ： A B C
■種類「ファイル参照」 ： <input type="file">　（CGIなどで利用する）
■サンプル ：
img src="画像名" 写真やイラストなどの画像を表示するタグです。
■記述方法 ： <img src="画像名">
■追加可能 ： alt="文字" （表示されなかったときの代理テキスト）
■追加可能 ： border="数字"（画像リンクしたら出る枠線の太さで、0なら消える）
■追加可能 ： width="数字" （画像の横の長さ指定）
■追加可能 ： height="数字" （画像の縦の長さ指定）
■追加可能 ： hspace="数字" （左右の余白の量を指定）
■追加可能 ： vspace="数字" （上下の余白の量を指定）
■追加可能 ： alt="文字" （表示されなかったときの代理テキスト）
■追加可能 ： align="位置" left（左） center（中） right（右）
【 Ｊ 】
【 Ｋ 】
【 Ｌ 】
li リストタグの中身の部分のタグです。親タグがulならマーク、olなら数字。
■記述方法 ：
<ul>
<li>あああ</li>
<li>あああ</li>
<li>あああ</li>
</ul>
■サンプル ：
  • あああ
  • あああ
  • あああ
■追加可能： type="種類" disc（黒丸） circle（白丸） square（四角）
■記述方法 ：
<ol>
<li>あああ</li>
<li>あああ</li>
<li>あああ</li>
</ol>
■サンプル ：
  1. あああ
  2. あああ
  3. あああ
■追加可能： type="種類" 1（数字） a か A（英字） i か I（ローマ数字）
line-height:数字; 文章の上下間の余白を増やせる。スタイルシートは大体のタグで使用可能。
■記述方法 ： <ここにタグ style="line-height:数字;">
link="色" bodyタグ内に書き、全体のリンク色を指定できる。
■記述方法 ： <body link="色">
【 Ｍ 】
margin:数字; 周りの余白を増やすことができる。スタイルシートは大体のタグで使用可能。
■記述方法 ： <ここにタグ style="margin:数字;"> ■追加可能 ： margin-top:数字; （上だけ余白をとる）
■追加可能 ： margin-bottom:数字; （下だけ余白をとる）
■追加可能 ： margin-left:数字; （左だけ余白をとる）
■追加可能 ： margin-right:数字; （右だけ余白をとる）
meta 検索エンジン用の記述や、サイトの情報関係などに使います。
■記述方法 ：
<meta name="description" content="検索エンジン用の紹介文">
<meta name="keywords" content="検索エンジン用のキーワード,ああ,いい,うう">
その他いろんなメタタグがあります。
【 Ｎ 】
【 Ｏ 】
option selectタグの中に記入します。optionが多いほど選択数が増えます。
■記述方法 ：
<select>
<option">１つめ</option>
<option selected">２つめ</option>
<option">３つめ</option>
</select>
■記述方法 ：

option部分にselectedを付けると、そこが最初に選ばれてる状態になります。
ol リストタグの親タグです。<li>タグを増やすごとに数字が変わって行きます。
■記述方法 ：
<ol>
<li>あああ</li>
<li>あああ</li>
<li>あああ</li>
</ol>
■サンプル ：
  1. あああ
  2. あああ
  3. あああ
■追加可能： type="種類" 1（数字） a か A（英字） i か I（ローマ数字）
■記述方法 ：
<ol type="A">
<li>あああ</li>
<li>あああ</li>
<li>あああ</li>
</ol>
■サンプル ：
  1. あああ
  2. あああ
  3. あああ
【 Ｐ 】
p 段落を変えるタグです。左右中央にすることもできます。
■記述方法 ： <p>あああ</p>
■追加可能 ： align="位置" left（左） center（中） right（右）
padding:数字; 文字などの中身の余白を増やせる。スタイルシートは大体のタグで使用可能。
■記述方法 ： <ここにタグ style="padding:数字;"> ■追加可能 ： padding-top:数字; （上だけ余白をとる）
■追加可能 ： padding-bottom:数字; （下だけ余白をとる）
■追加可能 ： padding-left:数字; （左だけ余白をとる）
■追加可能 ： padding-right:数字; （右だけ余白をとる）
【 Ｑ 】
【 Ｒ 】
rows="数字" textareaタグの縦の段を増やせる。横を増やすのはcols="数字"
■記述方法 ： <textarea rows="数字">中に表示する文字</textarea>
■サンプル ：
　（5と指定すれば文字5段分の高さになる）
rowspan="数字" tableタグの中身を縦に結合することができます。※ tdの場所にしか書けません。
■記述方法 ：
<table><tr>
<td rowspan="2">あああ</td>
<td>あああ</td>
</tr><tr>
<td>あああ</td>
</tr></table>

スポンサーリンク

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