[[[ 篆刻素材AOI TOP ]]]＞タグの寺子屋

タグの寺子屋

もくじ

※ブラウザの種類やバージョンによっては
反映されないタグもありますので、ご注意ください。

タグを書くときは

  • 大文字でも小文字でも、全く変わりませんが、半角英数で書きましょう。
  • プログラムの一種なので、間違えると暴走する事があります。
  • <タグ命令>対象文章</タグ命令>のようにかきましょう。（</○○>を忘れると終了しませんタグによっては、<ｂｒ>のように閉じなくても大丈夫なものもあります。)

チャットや、掲示板でタグをはるときの注意

  • タグそのものを禁止しいていたり、使えるタグが限られている場合もあります。
  • 画像､マーキー､ボタン､スクロール､音の出るものなどは管理者や､参加者に、ことわってからはりましょう。また、常識の範囲内で使いましょう。
  • 特殊文字､機種依存文字などは使わないようにしましょう。
    OSが異なると表示されなかったり、文字化けの原因になります。
    (詳しくは本多哲郎さんのサイト、Tetsuro's "FUZZY" web!をご覧ください)
  • 画像をはるときは､著作権に注意し、各素材配布サイトなどの規定を守りましょう。
    　　(例えば、直接リンクしてもいいのか？掲示板やチャットで使えるのか？など・・)

辞書登録しておくと便利です

  • ■登録のしかたは、IME、ATOKなのど各バーを右クリックし、「単語/用例の登録」「単語登録」などで登録してください。(不親切でごめんね)

文字飾りなど　　このページのトップに戻る

こうしたいときは こう書きましょう 備考
大きな文字。 <font size=="5">大きな文字。</font> font sizeは
1〜7まで指定できます
小さな文字。 <font size=1>小さな文字。</font> 　
太い文字 <b>太い文字</b> 　
イタリック <i>イタリック</i> 　
アンダーライン <u>アンダーライン</u> 　
取り消し線 <strike>取り消し線</strike> 　
青 <font color="#0000ff">青</font> 色見本
赤 <font color=red>赤</font>
組み合わせて使う事もできます <b><i><u><strike><font size="3" color="#cc0000">組み合わせて使う事もできます</font></strike></u></i></b> 上の文字飾りを応用
<h1>見出しh1</h1>
<h2>見出しh2</h2>
<h3>見出しh3</h3>
<h4>見出しh4</h4>
<h5>見出しh5</h5>
<h6>見出しh6</h6>		 　
マーカー色 <span style=background:マーカー色></span> 　
改行
できます		 改行<br>できます 　
普通の文字上付き文字 普通の文字<sup>上付き文字</sup> 　
普通の文字下付き文字 普通の文字<sub>下付き文字</sub> 　
( ￣3￣)~♪♪♪♪♪♪♪♪♪♪♪♪♪♪ ( ￣3￣)~<sup>♪<sup>♪<sup>♪♪</sup>♪</sup>♪</sup>♪<sub>♪<sub>♪<sub>♪♪</sub>♪</sub>♪</sub> 上付き、下付き文字の
応用
<hr color=red> 　
上下に水平線
<hr>上下に水辺線<hr> 　

右揃え

 <p align="right">右揃え</p> 　

中揃え

 <p align="center">中揃え</p> 　

説明

 <font title="説明文">説明</font> カーソルを乗せると
説明が出ます

画像・リンク　　このページのトップに戻る

こうしたいときは こう書きましょう 備考

<img src="画像URL"> 　
篆刻素材AOI <img src="画像URL" alt="説明文"> カーソルを乗せると
説明が出ます

<a href="リンク先URL"><img ｓrc="画像URL"></a> 画像からリンク

[[[ 篆刻素材AOI TOP ]]]

 <a href="リンク先URL"><img src="画像URL" border="0"></a> 枠をつけない
篆刻素材AOI <a href="リンク先.htm" title="軽く綺麗で個性的な和風素材屋です">篆刻素材AOI</A> 文字にカーソルを乗せると
説明が出ます
あいうぇぶ <a href="URL" style="text-decoration:none">あいうぇぶ</a> 下線なしリンク
AOIのテーマソング? <a href="midiファイルなどのURL">
AOIのテーマソング?</a>		 　
あいうぇぶ <a href="リンク先URL"> あいうぇぶ</A> 　
Yahoo! JAPAN <a href="リンク先url"target="_top">Yahoo! JAPAN</a> ページ全体にリンク
Yahoo! JAPAN <a href="リンク先url"target="_blank">Yahoo! JAPAN</a> 別のブラウザを
立ち上げてリンク
メールアドレス <a href="mailto:メールアドレス">メールアドレス</a> 　

スクロール　　このページのトップに戻る

こうしたいときは こう書きましょう 備考
左スクロールします <marquee>左スクロールします</marquee> 　
右スクロールします <marquee direction="right">右スクロールします</marquee> 　
左右スクロールします <marquee behavior="alternate">左右スクロール します</marquee> 　
速くスクロールします <marquee scrollamount="100">速くスクロールします</marquee> scrollamount="数値"が
少なくなるほど､ゆっくり
スクロールします。
上スクロール <marquee direction="up" height="45">上スクロール</marquee> 　
下へスクロール <marquee direction="down" height="45">下へスクロール</marquee> 　
上下スクロール <marquee direction="up" behavior="alternate" height="45">上下スクロール</marquee > 　
　点滅 <marquee scrolldelay="300" scrollamount="80" WIDTH="80">　点滅</marquee> 　
背景色付スクロール <marquee bgcolor="gold">背景色付スクロール</marquee> 色見本
文字や画像 <marquee direction=up behavior=alternate width="90%" height=100><marquee behavior=alternate>文字や画像</marquee></marquee> 　
<marquee direction=left scrollamount="5"><img src="画像URL">　</marquee> 　

ボタン　　このページのトップに戻る

こうしたいときは こう書きましょう 備考
<form><input type="button" value="ヾ(´▽`*)ゝ" onClick="{if(confirm('自己紹介です')) {alert('○○です (^-^)/　ヨロシク')} else {alert(' いや〜ん見て〜')}}"></input></form> 　
<form><input type="button" value=" 背景を赤にする " onclick="document.bgcolor='#ff0000"></form> 色見本
<form><input type="button" value="リロード"onclick="JavaScript:location.reload()"></form> ブラウザの
更新ボタンと同じです
<form><input type="button" value="押さない方が・・・"onclick="for(j=0;j<=20;j++){for(i=0;i<25;i++){window.scroll(0,i)}}"></form> 　
<form><input type="button" value="？？？" onmouseover="this.style.fontSize='30pt'" onmouseout="this.style.fontSize='';this.value='押すと・・'" onclick="this.value='あぁぁぁぁぁぁ'"></input></form> 　
<form><input type="button" name="B1" value="戻る"onclick="history.back()"></form> ブラウザの
バックボタンと同じです
<form><input type=button value="戻る"onclick="history.back()"style="background-color:ffcc00;color:663300"> 色つきボタン
戻る <a href="javascript:history.back();">戻る</a> 　

<form><input type="button" name="close" value="閉じる" onClick="window.close()"></form> ボタンは動作していません

特殊文字　　このページのトップに戻る

こうしたいときは こう書きましょう 備考
< &lt; 右大不等号
> &gt; 左大不等号
& amp; アンパサンド
" &quot; ダブルクォーテーション
　 &nbsp; 半角スペース

*…*…* *…*…* *…*…* *…*…*スタイルシート*…*…* *…*…* *…*…* *…*…*

スクロールバーの色変え（IE5.5以降対応）　　このページのトップに戻る

こうしたいときは
(こんな色にしたないっちゅーの)		 <head></head>の中にこう書きます
(色を指定しない場合　scrollbar-base-color　の色がでます)
<style>
<!--
body
{scrollbar-arrow-color: #色番;
scrollbar-base-color: #色番;
scrollbar-face-color: #色番;
scrollbar-highlight-color: #色番;
scrollbar-3dlight-color: #色番;
scrollbar-shadow-color: #色番;
scrollbar-track-color: #色番;
scrollbar-darkshadow-color: #色番; }
-->
</style>

背景の位置を指定　(IE4以降、NN4以降対応)　　このページのトップに戻る

※<head></head>内に書いてくださいね
背景画像を左側だけに表示　sample

<style type="text/css">
<!--
body{ background-image: url('画像URL'); background-repeat: repeat-y }
-->
</style>
背景画像を上だけに表示　sample

<style type="text/css">
<!--
body{ background-image: url('画像URL'); background-repeat: repeat-x }
-->
</style>
背景画像を左上に一つだけ表示　sample

<style type="text/css">
<!--
body{ background-image: url('画像URL'); background-repeat: no-repeat; }
-->
</style>

[[[ 篆刻素材AOI TOP ]]]
http://www.aoiweb.com/aoi2/

【ホームページ作成・画像制作】