アイフレーム



HTML  〜タグ〜


アイフレーム


 アイフレームってなに?アイフレームについて解説。

アイフレームってのはインラインフレームの略です。

アイフレームのほうが一般的によく呼ばれている(?)アイフレームとはページのなかに小さな窓(アイフレーム)で違うページを表示させる方法です。
フレームページとはちょっとちがいます。下にあるのがアイフレームのサンプルです。









サイト上部へ↑  トップページへ



 アイフレームタグ。アイフレームの作り方。リンクの方法。

<iframe src="アドレス" name="フレ−ム名" width="横幅" height="縦幅"
frameborder="0" scrolling="スクロールバーyesかno" style="border:枠の種類 枠太さpx 枠色;"></iframe>




上のアイフレームのタグをアイフレームを表示したいところに挿入してください。


アドレス には最初に表示させたいページのアドレスを入れます。

フレーム名 にはこのフレームの名前をつけます。(半角英数字)

横幅 縦幅 には表示させたいフレームの大きさの数値を入れます。(ピクセル)

スクロールバー には yes か no を入れます。 noではスクロールバーが表示されません。

線の種類 には アイフレームを囲む線の種類を入れます。

枠太さ には枠の太さを決める数値を入れます。


線の種類(サンプルは3px)

 solid

 double

 dashed

 dotted



【リンクの方法】

<a href="アドレス" target="フレーム名">文字</a>

リンクをアイフレームで開かせます。

またアイフレームの中のページから全画面でリンクしたい場合は下のタグを使います。

<a href="アドレス" target="_top">文字</a>



サイト上部へ↑  トップページへ


 アイフレームもどき。

アイフレームもどき












アイフレームではありません。アイフレームぽいだけです。
IEでは表示されますがそれ以外ではちゃんと表示させるか微妙です。
どんなブラウザでもちゃんと表示させたかったらアイフレームを使うことをおすすめします。

<FONT style="width:横サイズpx;height:縦サイズpx;
scrollbar-arrow-color:@;scrollbar-face-color:A;scrollbar-highlight-color:B;
scrollbar-3dlight-color:C;scrollbar-track-color:D;
scrollbar-shadow-color:E;scrollbar-darkshadow-color:F;
color:本文文字色;
overflow-x:none;overflow-y:scroll;border:枠の大きさpx 枠の線の種類 枠の色;
background:背景色">本文</FONT>




@〜Fにはカラーコードを入れて下さい。下参照

@部分






A部分






B部分







C部分









D部分







E部分







Fの部分










線の種類


※二重線は3px以上でないと効果がありません






サイト上部へ↑  トップページへ



 アイフレームもどきのサンプル

サンプル@











    
サンプルA















サンプルB













    
サンプルC

















<FONT style="width:250px;height:60px;scrollbar-arrow-color:#000000;
scrollbar-face-color:#fff;scrollbar-highlight-color:#fff;
scrollbar-3dlight-color:#000000;scrollbar-track-color:#fff;
scrollbar-shadow-color:#fff;
scrollbar-darkshadow-color:#000000;color:#000000;
overflow-x:none;overflow-y:scroll;border:1px solid #000000;background:#fff">
<!--↓本文-->

<!--↑本文-->
</FONT>


サンプル1





<FONT style="width:250px;height:60px;scrollbar-arrow-color:#fff;
scrollbar-face-color:#000000;scrollbar-highlight-color:#fff;
scrollbar-3dlight-color:#fff;scrollbar-track-color:#fff;
scrollbar-shadow-color:#fff;scrollbar-darkshadow-color:#fff;color:#000000;
overflow-x:none;overflow-y:scroll;border:1px solid #000000;background:#fff">
<!--↓本文-->

<!--↑本文-->
</FONT>


サンプル2





<FONT style="width:250px;height:60px;scrollbar-arrow-color:#000000;
scrollbar-face-color:#fff;scrollbar-highlight-color:#fff;scrollbar-3dlight-color:#fff;
scrollbar-track-color:#fff;scrollbar-shadow-color:#fff;scrollbar-darkshadow-color:#fff;
color:#000000;overflow-x:none;overflow-y:scroll;border:1px solid #000000;background:#fff">
<!--↓本文-->

<!--↑本文-->
</FONT>


サンプル3





<FONT style="width:250px;height:60px;scrollbar-arrow-color:#fff;
scrollbar-face-color:#000000;scrollbar-highlight-color:#fff;
scrollbar-3dlight-color:#000000;scrollbar-track-color:#fff;
scrollbar-shadow-color:#000000;scrollbar-darkshadow-color:#fff;
color:#000000;overflow-x:none;overflow-y:scroll;border:1px solid #000000;background:#fff">
<!--↓本文-->

<!--↑本文-->
</FONT>


サンプル4



サイト上部へ↑  トップページへ










サイト上部へ↑  トップページへ


メニュー
HTML基本構造
HTML HEAD要素
HTML Body属性
HTML基本タグ
HTML文字タグ
HTML画像タグ
HTMLリンクタグ
HTMLラインタグ
HTMLリストタグ
HTMLテーブルタグ
HTMLアイフレームタグ
HTMLフレームタグ
HTMLテキストエリアタグ
HTMLカラーコード
HTMLその他タグ
HTMLリンク集







おすすめ


1GB無料ホームページ
完全に一行広告の表示が
消えました!お勧めです。
当サイトも使用中
サイト最下部にPowered by FC2.comと表示されるだけ!


PR







私はこれで会社を辞めました
一日たった1〜2時間の作業でOKなインターネットで行えるビジネスとは?


いつまで貧乏くじを引きますか?
あなたは、しっかり検討しましたか?


育児と家事だけの人生なんて嫌!
ビジネスをやっても成功しない、全然楽しくない。 楽しくて・成功するビジネスとは?


アフィリエイトの時代は終わった!
アフィリエイトは手間ばかりかかって月に5,000円も稼げない・・・・


月3万円が余分にある生活
私たちはビジネスの提案ではなく、ライフスタイルを提案しています。


貧乏から金持ちへ
3分だけ時間を下さい。けして無駄な時間にはしませんから。



















Copyright(C) HTMLタグ All Rights Reserved


inserted by FC2 system