タグ講座


タグ講座





フォント

リンク　画像

レイアウト

その他

一番下






フォントタグ



文字の大きさを設定する

<font size=""></font>

<font size="◆">★</font>
◆＝1～7

★＝そのサイズにする文字

◆は1が一番小さく、7が一番大きい

1　2　3　4　5　6　7

フォントの色を設定する

<font color=""></font>

<font color="◆">★</font>
◆＝色名・カラーコード

★＝その色にする文字
背景と同じ色にすれば炙り出しにできる

<font color="red">赤色</font>

↓

赤色

<font color="#0000ff">青色</font>

↓

青色

～応用～

<font size="" color=""></font>

<font size="◆" color="■">★</font>
◆＝1～7

■＝色名・カラーコード

★＝そのサイズと色にする文字

<font size="6" color="red">でっかくて赤い文字</font>

↓

でっかくて赤い文字
文字を改行する
<br>

複数で使うと見やすい
改行タグを<br>使うと<br>こんな感じになる

↓

改行タグを
使うと
こんな感じになる

文字や画像の位置を変える
<center></center>

<div align=""></div>

<center>◆</center>
◆＝中央揃えさせる文字

<div align="★">◆</div>

◆＝位置を変える文字

★＝left＝左寄せ

★＝center＝中央揃え

★＝right＝右寄せ

<center>中央揃え</center>

↓

中央揃え

<div align="left">左揃え</div>

↓

左揃え


<div align="center">中央揃え</div>

↓

中央揃え


<div align="right">右寄せ</div>

↓

右寄せ


文字を太字にする

<b></b>

<b>◆</b>
◆＝太字にさせる文字

<b>太字</b>

↓

太字
文字を斜めにする

<i></i>

<i>◆</i>
◆＝斜めにする文字

<i>斜め</i>

↓

斜め
文字に取消し線を付ける

<s></s>

<s>◆</s>
◆＝取消し線を付ける文字

<s>取消し</s>

↓

取消し
文字にアンダーラインを引く

<u></u>

<u>◆</u>
◆＝アンダーラインを引く文字

<u>アンダーライン</u>

↓

アンダーライン





↑　｜フォント｜リンク　画像｜レイアウト｜その他｜↓


リンク　画像タグ



普通のリンク

<a href=""></a>

<a href="◆">★</a>
◆＝リンクさせるアドレス

★＝リンクを設定する文字

<a href="http://tey.s53.xrea.com/">卓袱台</a>

↓

卓袱台



同じページでリンクする

<a name=""></a>

<a href="#"></a>

<a name="◆">■</a>

<a href="#◆">★</a>
◆＝キーワード（任意）

★＝リンクを設定する文字

■＝リンク先を設定する文字

<a name="リンク先">ここ</a>

↓

ここ

<a href="#リンク先">そこ</a>

↓

そこ



画像を出す

<img src="">

<img src="◆">
◆＝画像のアドレス

<img src="bana/bana_1.png">

↓





画像をリンクボタンにする

<a href=""><img src=""></a>

<a href="◆"><img src="★">■</a>
◆＝リンクさせるアドレス

★＝画像のアドレス

■＝リンクを設定する文字

つまりリンクを設定する文字んところに画像貼るタグを付けりゃイイ

border="0"　を画像を表示するタグに入れると外部線が無くなる。

<a href="http://tey.s53.xrea.com/"><img src="bana/bana_1.png"></a>

↓


<a href="http://tey.s53.xrea.com/"><img src="bana/bana_1.png" border="0"></a>

↓





特殊なリンク

<a href="" target=""></a>

<a href="◆" target="★">■</a>
◆＝リンクさせるアドレス

■＝リンクを設定する文字

★＝_top＝フレームを解除して表示

★＝_blank＝新しいウィンドウで開く

★＝_parent＝完全にリンク先のページで表示

（まだあるのだが、コレ以上は俺もあんま知らんので省略）

<a href="http://tey.s53.xrea.com/" target="_top">
卓袱台</a>

↓

卓袱台
<a href="http://tey.s53.xrea.com/" target="_blank">
卓袱台</a>

↓

卓袱台

<a href="http://tey.s53.xrea.com/" target="_parent">
卓袱台</a>

↓

卓袱台



メールソフトを立ち上げるリンク

<a href="mailto:"></a>

<a href="mailto:◆">★</a>
◆＝送信先メールアドレス

★＝リンクを設定する文字

<a href="mailto:メールアドレス">メール</a>

↓

メール



リンクにカーソルがのると説明表示

<a href="" title=""></a>

<a href="◆" title="■">★</a>
◆＝

★＝リンクを設定する文字
■＝カーソルがのると表示させる文字

<a href="http://tey.s53.xrea.com/" title="とっぷぺーじ">卓袱台</a>

↓

卓袱台





↑　｜フォント｜リンク　画像｜レイアウト｜その他｜↓


レイアウト



HTMLの構成

<html> <head> <title> </title> </head> <body> </body> </html>

<html><head>■<title>◆</title>
■</head><body>★</body></html>
◆＝ページのタイトル

★＝ページの本文

■＝スタイルシートなど

これが基本の形

<html>

<head>

スタイルシート

<title>ページのタイトル</title>

スタイルシート

</head>

<body>

本文

</body>

</html>



ページの背景

<body bgcolor="">

<body bgcolor="◆">
◆＝カラーコード

～背景を壁紙にする場合～

<body background="★" bgproperties="fixed">

★＝壁紙のアドレス

bgproperties="fixed"を追加すると
背景画像をスクロールせずに固定する

<html>

<head>

スタイルシート

<title>ページのタイトル</title>

スタイルシート

</head>

<body bgcolor="">

本文

</body>

</html>




リンクの文字色の設定

<body link="" alink="" vlink="">

<body link="◆" alink="★" vlink="■">

◆＝未リンクの状態の色名・カラーコード

★＝リンク中の状態の色名・カラーコード

■＝リンク済みの状態の色名・カラーコード



<html>

<head>

スタイルシート

<title>ページのタイトル</title>

スタイルシート

</head>

<body link="" alink="" vlink="">

本文

</body>

</html>




区切り線

<hr>

<hr>

基本
～幅を変える～

<hr width="◆">

◆＝サイズ（ピクセル単位）　%指定でもOK

～太さを変える～

<hr size="★">

★＝サイズ（ピクセル単位）これも%指定でもOK

～色を変える～

<hr color="■">

■＝色名。カラーコード



<hr>

↓



<hr width="70%">

↓



<hr size="20">

↓



<hr color="red">

↓







↑　｜フォント｜リンク　画像｜レイアウト｜その他｜↓


その他



BGMを鳴らす

<bgsound src="" loop="">

<bgsound src="◆" loop="★">
◆＝BGMのアドレス

★＝繰り返す回数

★＝「infinite」や「-1」等で無限にループ


(´･ω･`)BGMが流れるページは基本的に嫌われやすいです。




テキストをそのまま表示させる

<xmp></xmp>

<xmp>◆</xmp>

～タグ反映～

<pre>◆</pre>

brなどの改行タグが不要になります。便利です。


◆＝そのまま表示させる文字


<xmp><font color=red>タグ無効化</font></xmp>

↓
<font color=red>タグ無効化</font>
<pre><font color=red>タグ反映</font></pre>

↓
タグ反映





文字をスクロールさせる

<marquee direction=""></marquee>

<marquee direction="◆">★</marquee>

◆＝right＝→へ

◆＝left＝←へ

◆＝up＝↑へ

◆＝down＝↓へ


★＝スクロールさせる文字

★に画像を載せるタグを入れれば、画像が流れます。

<marquee direction="right"><img src=""></marquee>

↓








ページを自動的にジャンプさせる

<META http-equiv="REFRESH" content="; URL=">

<META http-equiv="REFRESH" content="◆; URL=★">

◆＝ジャンプするまでの秒数

1000＝1秒

★＝ジャンプ先のアドレス



このタグも使いどころが難しい。




↑　｜フォント｜リンク　画像｜レイアウト｜その他｜↓


このページについて。
亭が作ったタグ講座を、改良したものなのですが

相変わらず内容は適当なの物ばかりなので、他のサイト様をみたほうが役立つかもしれませｎ


この、ページを改良するにあたって一番驚いたのが

(´･ω･`)物凄いタグがグチャグチャだった事。　（閉じタグとか無い物が多かったしスタイルシートが・・・にゃーん

自己流が多いのによくタグ講座なんか作る気になったもんだ・・・


このページでの、不具合とか感想とかあればご報告くださーい。


戻る

文字の大きさを設定する	<font size=""></font>
<font size="◆">★</font> ◆＝1～7 ★＝そのサイズにする文字 ◆は1が一番小さく、7が一番大きい	1　2　3　4　5　6　7
フォントの色を設定する	<font color=""></font>
<font color="◆">★</font> ◆＝色名・カラーコード ★＝その色にする文字背景と同じ色にすれば炙り出しにできる	<font color="red">赤色</font> ↓ 赤色 <font color="#0000ff">青色</font> ↓ 青色
～応用～	<font size="" color=""></font>
<font size="◆" color="■">★</font> ◆＝1～7 ■＝色名・カラーコード ★＝そのサイズと色にする文字	<font size="6" color="red">でっかくて赤い文字</font> ↓ でっかくて赤い文字
文字を改行する	<br>
複数で使うと見やすい	改行タグを<br>使うと<br>こんな感じになる ↓ 改行タグを使うとこんな感じになる
文字や画像の位置を変える	<center></center> <div align=""></div>
<center>◆</center> ◆＝中央揃えさせる文字 <div align="★">◆</div> ◆＝位置を変える文字 ★＝left＝左寄せ ★＝center＝中央揃え ★＝right＝右寄せ	<center>中央揃え</center> ↓ 中央揃え <div align="left">左揃え</div> ↓ 左揃え <div align="center">中央揃え</div> ↓ 中央揃え <div align="right">右寄せ</div> ↓ 右寄せ
文字を太字にする	<b></b>
<b>◆</b> ◆＝太字にさせる文字	<b>太字</b> ↓ 太字
文字を斜めにする	<i></i>
<i>◆</i> ◆＝斜めにする文字	<i>斜め</i> ↓ 斜め
文字に取消し線を付ける	<s></s>
<s>◆</s> ◆＝取消し線を付ける文字	<s>取消し</s> ↓ ~~取消し~~
文字にアンダーラインを引く	<u></u>
<u>◆</u> ◆＝アンダーラインを引く文字	<u>アンダーライン</u> ↓ アンダーライン

普通のリンク	<a href=""></a>
<a href="◆">★</a> ◆＝リンクさせるアドレス ★＝リンクを設定する文字	<a href="http://tey.s53.xrea.com/">卓袱台</a> ↓ 卓袱台
同じページでリンクする	<a name=""></a> <a href="#"></a>
<a name="◆">■</a> <a href="#◆">★</a> ◆＝キーワード（任意） ★＝リンクを設定する文字 ■＝リンク先を設定する文字	<a name="リンク先">ここ</a> ↓ ここ <a href="#リンク先">そこ</a> ↓ そこ
画像を出す	<img src="">
<img src="◆"> ◆＝画像のアドレス	<img src="bana/bana_1.png"> ↓
画像をリンクボタンにする	<a href=""><img src=""></a>
<a href="◆"><img src="★">■</a> ◆＝リンクさせるアドレス ★＝画像のアドレス ■＝リンクを設定する文字つまりリンクを設定する文字んところに画像貼るタグを付けりゃイイ border="0"　を画像を表示するタグに入れると外部線が無くなる。	<a href="http://tey.s53.xrea.com/"><img src="bana/bana_1.png"></a> ↓ <a href="http://tey.s53.xrea.com/"><img src="bana/bana_1.png" border="0"></a> ↓
特殊なリンク	<a href="" target=""></a>
<a href="◆" target="★">■</a> ◆＝リンクさせるアドレス ■＝リンクを設定する文字 ★＝_top＝フレームを解除して表示 ★＝_blank＝新しいウィンドウで開く ★＝_parent＝完全にリンク先のページで表示（まだあるのだが、コレ以上は俺もあんま知らんので省略）	<a href="http://tey.s53.xrea.com/" target="_top"> 卓袱台</a> ↓ 卓袱台 <a href="http://tey.s53.xrea.com/" target="_blank"> 卓袱台</a> ↓ 卓袱台 <a href="http://tey.s53.xrea.com/" target="_parent"> 卓袱台</a> ↓ 卓袱台
メールソフトを立ち上げるリンク	<a href="mailto:"></a>
<a href="mailto:◆">★</a> ◆＝送信先メールアドレス ★＝リンクを設定する文字	<a href="mailto:メールアドレス">メール</a> ↓ メール
リンクにカーソルがのると説明表示	<a href="" title=""></a>
<a href="◆" title="■">★</a> ◆＝ ★＝リンクを設定する文字 ■＝カーソルがのると表示させる文字	<a href="http://tey.s53.xrea.com/" title="とっぷぺーじ">卓袱台</a> ↓ 卓袱台

HTMLの構成	<html> <head> <title> </title> </head> <body> </body> </html>
<html><head>■<title>◆</title> ■</head><body>★</body></html> ◆＝ページのタイトル ★＝ページの本文 ■＝スタイルシートなどこれが基本の形	<html> <head> スタイルシート <title>ページのタイトル</title> スタイルシート </head> <body> 本文 </body> </html>
ページの背景	<body bgcolor="">
<body bgcolor="◆"> ◆＝カラーコード～背景を壁紙にする場合～ <body background="★" bgproperties="fixed"> ★＝壁紙のアドレス bgproperties="fixed"を追加すると背景画像をスクロールせずに固定する	<html> <head> スタイルシート <title>ページのタイトル</title> スタイルシート </head> <body bgcolor=""> 本文 </body> </html>
リンクの文字色の設定	<body link="" alink="" vlink="">
<body link="◆" alink="★" vlink="■"> ◆＝未リンクの状態の色名・カラーコード ★＝リンク中の状態の色名・カラーコード ■＝リンク済みの状態の色名・カラーコード	<html> <head> スタイルシート <title>ページのタイトル</title> スタイルシート </head> <body link="" alink="" vlink=""> 本文 </body> </html>
区切り線	<hr>
<hr> 基本～幅を変える～ <hr width="◆"> ◆＝サイズ（ピクセル単位）　%指定でもOK ～太さを変える～ <hr size="★"> ★＝サイズ（ピクセル単位）これも%指定でもOK ～色を変える～ <hr color="■"> ■＝色名。カラーコード	<hr> ↓ <hr width="70%"> ↓ <hr size="20"> ↓ <hr color="red"> ↓

BGMを鳴らす	<bgsound src="" loop="">
<bgsound src="◆" loop="★"> ◆＝BGMのアドレス ★＝繰り返す回数 ★＝「infinite」や「-1」等で無限にループ	(´･ω･`)BGMが流れるページは基本的に嫌われやすいです。
テキストをそのまま表示させる	<xmp></xmp>
<xmp>◆</xmp> ～タグ反映～ <pre>◆</pre> brなどの改行タグが不要になります。便利です。 ◆＝そのまま表示させる文字	<xmp><font color=red>タグ無効化</font></xmp> ↓ <pre><font color=red>タグ反映</font></pre> ↓ タグ反映
文字をスクロールさせる	<marquee direction=""></marquee>
<marquee direction="◆">★</marquee> ◆＝right＝→へ ◆＝left＝←へ ◆＝up＝↑へ ◆＝down＝↓へ ★＝スクロールさせる文字 ★に画像を載せるタグを入れれば、画像が流れます。	<marquee direction="right"><img src=""></marquee> ↓
ページを自動的にジャンプさせる	<META http-equiv="REFRESH" content="; URL=">
<META http-equiv="REFRESH" content="◆; URL=★"> ◆＝ジャンプするまでの秒数 1000＝1秒 ★＝ジャンプ先のアドレス	このタグも使いどころが難しい。