 |
| 簡単タグ講座 |
 |
ホームページはタグとテキストによって表現されています。
テンプレートマスターはテキスト部分を編集することができるツールです。
テキストの編集だけではなく、レイアウトを少し変更したい場合があります。
その場合、ソースを直接操作することにありますので、タグの知識が必要です。
タグは「画面上にどのように表示するか」を定義するものです。
(さらに「テキストにどのような意味があるか」という意味もあります)
ソース(HTML編集画面の中身)は、英字の羅列になっています。ここに書かれているタグのひとつひとつが表示と機能の意味を持っています。
ここでは簡単ですが、よく使われるタグの機能について説明いたします。
タグの基本
- <>で囲む 半角です。
※全角と間違えないように。全角の場合、そのまま<>が表示されます。
- 半角英数で書く
英字は大文字(A)でも小文字(a)でも構いません。(小文字が推奨されています)
- 開始タグと終了タグのセットのものと、単独タグの2種類がある
<a></a>,<font></font>のように「ここから、ここまで」と範囲指定するタグ。
<br><img>のように「ここに」と場所を指定するタグ
- タグの中に細かな要素を指定できる
色や幅など表示方法に関する細かな指定ができます。
指定できる内容はタグによって異なります。
代表的なタグの種類
<br> 改行 ※<br />と記入することが推奨されています。
<hr> 罫線 ※<hr />と記入することが推奨されています。
<center></center> 中央揃え
<p></p> 段落
<font></font> 文字の色や大きさ
<b></b> 強調
<strong></strong> 強調
※表示上は<b>と違いが有りませんが、「重要」という意味を含みます。
<small></small> 一段階小さい文字
<i></i> 斜体(イタリック)
<s></s> 取り消し線
<u></u> アンダーライン
<table></table> テーブル(表)の開始と終了
<tr></tr> テーブルの行グループ
<td></td> テーブルのセル ※連続して書くと列が増えます
<img src="〜"> 画像を表示
<a href="〜"></a> リンクの指定
<font></font> 文字の色と大きさを指定
HTMLソースの注意点
- 半角スペース 画面上に表示されるのは1つだけです。連続していても1つしか表示されません。
- ソースの改行は、表示上は改行しない 表示上改行するには<br>タグなどが必要です。
- 特殊記号 <>&"の文字関しては、HTML文章としての意味があるため、そのままでは表示されないことがあります。
その場合は、それぞれ
<→< >→> &→& "→&puot;
と書きます。
※特殊タグへの変換ツールがありますので、ご
利用ください。
|