htmlタグとcss－すぐに使えるサンプルと小技集

htmlタグとcss 目次

TOP htmlタグとcss－すぐに使えるサンプルと小技集

htmlタグで文字装飾。

htmlテンプレート(配布＋)

html関連リファレンス辞典。

テーブルや表の作成法。

フレームページの作成法。

1日で楽々習得html言語。

1日で習得スタイルシート。

htmlタグ－小技集。

html関連の雑学。

■Site_TOP htmlタグとcss ■Link_Page 相互リンクサイトさま

スポンサードリンク

◆HTML&CSS◆ フレームページ自作法

フレームページは複数のページを同時に表示させてウェブページを作る方法です。

SEO対策に不利などの点がありますが……、 iframeのみを上手く使えばSEO対策も考慮したフレームページを作成する事が可能です。

frameページ作成法

htmlソース(index.htmlなどの主要ページ用)
<html>
<head>
<title>フレームページ</title>
</head>
<frameset cols="200px,*">
<frame src="f1.html" name="f1">
<frameset rows="60px,*">
<frame src="f2.html" name="f2">
<frame src="f3.html" name="f3">
</frameset>
<noframes>
<h1>
　　　　非　　　し!　　　　　_　　-──　‐- 　　､　 , -─-､　-‐─_ﾉ
<br> 　　小対　　　 /／￣＞ ´ ￣　　　￣　　｀ヽ　 Y　 ,　 ´　　　　　）frame　え
<br> 　　学応　　　 L_　／　　　　　　　　　　　　　　／　　　　　　　ヽ非対　 |
<br> 　　生が　　　　/ '　　　　　　　　　　　　　　　　'　　　　　　　　　　応　 !?　マ
<br> 　　ま許　　　 /　　　　　　　　　　　　　　　　 /　　　　　　　　　　く　　　ジ
<br> 　　でさ　　　 l　　　　　　　　　　 ,ｨ/!　　　　/　　　/l/!,l　　　／厶,
<br> 　　だれ　　 i 　 ,.lrH‐|'|　　　　 /‐!-Lﾊ_　　l　　　 /-!'|/l 　／｀'ﾒ､_iヽ
<br> 　　よる　　　l　 | |_|_|_|/|　　　 / /__!__ |/!ﾄi　　　i/-- ､ﾚ!/ 　 /　,-- ﾚ､⌒Y⌒ヽ
<br> 　　ねの　　_ゝ|/'/⌒ヽヽﾄ､|/　'/￣｀ヾ、ヽﾄ､Ｎ'/⌒ヾ　　　　　 ,ｲ￣｀ヾ,ﾉ!
<br> 　　 l　は　　「　　l ′ 「1　　　　　　 /てヽ′|　|　|　「L!　　　　　' i'ひ}　　　ﾘ
<br> 　　　　　　　ヽ　 | ヽ__Ｕ,　　　　　､ヽシノﾉ!　!　|ヽ_､ｿ,　　　　　ヾシ _ノ　_ﾉ
<br> -┐　　　　,√　　 !　　　　　　　　　　￣　　ﾘ l 　 !　￣　　　　　　　￣　　７/
<br> 　ﾚ'⌒ヽ/　!　　　 |　　　〈　　　　　　　_人__人ﾉ_　 i　　く　　　　　　　　　 //!
<br> 人_,､ノL_,iノ!　　/! ヽ　　 r─‐- ､　　「　　　　　Ｌ_ヽ　　 r─‐- ､　　 u　　ノ/
<br> 　　　　　　/　 /　lﾄ､＼　ヽ, -‐┤　ﾉ　　キョ　　了＼　ヽ, -‐┤　　　　　/／
<br> ハ　キ　　{　 /　　　ヽ,ﾄ､ヽ/!｀ｈﾉ　　）　　モ　　　　|/!　「ヽ, `ｰ／）　　 _　‐'
<br> ハ　ャ　　ヽ/　　 r-､‐'　// / |-‐ く　　　 |　　　　＞ / / ｀'／／-‐､　　　　／
<br> ハ　ハ　　　＞／＼＼// / /ヽ_　 !　　　|　　　（　 / / ／／　　/　`ｧ-‐ '
<br> ハ　ハ　　　/　/!　　ヽ　　　レ'/　ﾉ　　　　　　　　＞　 ' ∠ 　-‐　￣ノヽ　　　/
<br> 　　　　　　 {　 i　l　　　 !　　　　/　フ　　　　　　　/　　　　　-‐　/￣/〉〈＼ /!
</h1>
</noframes>
</frameset>
</html>

フレームページの作成は上記のようなソースになります。

cols、rowsの%やpxの指定で呼び出されるページの表示される範囲が変わります。 cols、rowsはframesetで指定します。

また、フレームページに表示するページはframe srcで呼び出します。

noframesはフレーム非対応のブラウザの人のために用意します。(デフォルトのままだと嫌われるかもしれないので注意です)

iframeページ作成法

スポンサードリンク

Mail htmlタグ,テンプレート,スタイルシート(CSS),色見本,テーブル,メール,xml ■About Site 管理人,著作権,URL情報