タグの華

会員制サイドビジネス講座
  タグの華はコピーして貼り付けるだけで誰でも簡単に作れる自営業者のためのホームページ作成講座です
トップページ タグ辞典(基本編) タグ辞典(応用編) タグ辞典(実践編) タグ辞典(小技編)
 

  タグ辞典(基本編)〜 いろいろなタグ

■前に戻るタグ


前に戻る
※ ひとつ前に表示していたページへ戻ります。
<a href="#" onClick="history.back(-1); return false;">前に戻る</a>


※ 前に戻るボタンです。
<input type="button" value="戻る" onClick="history.back(-1)">



■罫線



※ 通常の罫線。
<hr>


※ 影なしの罫線。
<hr size="5" noshade>


※ 300px幅で赤色の罫線。
<hr width="300" color="red">



■インラインフレーム



※ サイトに窓を開け別のページを表示しています。パソコン環境により表示することの出来ないブラウザもあるため フレームの代わりに表示される文章も指定しておきましょう。サイズに関しては自由に変えることが出来ます。
<iframe border="0" src="表示させるページのファイル名(URL)" width="300" height="200">インラインフレーム対応のブラウザでご覧ください</iframe>

フレームの右側に文字を表示しています。フレームの右側に文字を表示しています。フレームの右側に文字を表示しています。

※ 画像と同じように文字の回りこみを指定できます。上の例ではフレームの右に文字を回りこませています。またフレームの両サイドを10px間隔をあけています。
<iframe border="0" src="表示させるページのファイル名(URL)" width="300" height="200" align="left" hspace="10" vspace="0">インラインフレーム対応のブラウザでご覧ください</iframe>



■画像の一部分だけにリンクさせる

コピペで作るホームページ作成講座 コピペで作るホームページ入室

<img src="images/photo.jpg" alt="代替えテキスト" usemap="#sample">
<map name="sample">
<area alt ="代替えテキスト" shape="rect" coords="領域の座標" 
href="test.html">
</map>
※ 当サイトトップページにある画像です。ENTERの部分だけにリンクを張っています。
リンクの領域を設定するには、タグを使います。
タグの中の領域の座標は左端のx座標,上端のy座標,下端のx座標,右端のy座標の順に記述する。
座標は、画像の左上隅を原点(0,0)と した値になります。
領域の座標が丸い場合はshape="circle"として coordsを中心のx座標,中心のy座標,半径の順に記述していきます。



■お気に入りに追加ボタン



<input type="button" value="お気に入り追加" onClick="window.external.AddFavorite('http://www.oichi.net','タグの華')">
※ valueにはボタンの名前を指定します。URLとサイト名は書き換えてご使用ください。


<input type="button" value="ブックマーク" onClick="javascript:window.external.AddFavorite('サイトのURL','サイトの名前')" style="border:1px solid #333333; background-color:#adadad; font-size:12pt; font-weight:bold; color:#ffffff">
※ カスタマイズも簡単に出来ます。値や色を変えてオリジナルのブックマークを作ってみてください。



■プレイヤーから音楽を流す


<Embed SRC="音楽URL" Repeat="false" Autostart="false" height="100" Width="200"> <Noembed> MIDIプラグインが必要です。 </Noembed>







by 自営業者が自分で作るお店のホームぺージ

Copyright © 2008 タグの華 All rights reserved.