サンプルページ　　　表 4

　ﾀｲﾄﾙ　　- - - - - - - - - - - - - - - - -

　- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

　 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

　Google Maps Select　- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

　ﾗﾝﾀﾞﾑﾒｯｾｰｼﾞ 6a　- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

　ﾌﾞﾗｸｼﾞｬｯｸ1　- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

　ﾏｳｽｶｰｿﾙ1　- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

　□ﾗﾝﾀﾞﾑ画像2a　- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

ﾎｰﾑへ　　　　　　　ｻﾝﾌﾟﾙﾍﾟｰｼﾞ　　表 4　hyou4.htm

影付き枠の表（ﾃｰﾌﾞﾙ）。　　　　　　DHTML。　　　　　　ﾊｲﾊﾟｰﾘﾝｸ、画像などのｶｽﾀﾏｲｽﾞはﾃｷｽﾄｴﾃﾞｨﾀｰなどで可。　　　　all 対応。　　　　　ｺﾋﾟｰ、編集し、簡単にWebで応用できまっ、(^ ^)。

< ご使用方法 >

　・　保存は hyou4-5/をｸﾘｯｸ開いたﾎﾙﾀﾞｰで、hyou4.htm、wttec.gif を右ｸﾘｯｸ、又は画像を右ｸﾘｯｸ【名前を付けてﾘﾝｸを保存】 - <保存する場所>： ……、などで。　　※:　変わってしまった、ﾌｧｲﾙ名や、*.htm 中のﾊﾟｽは要修正。

　・　ﾍﾟｰｽﾄは、hyou4.htm をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、ﾎｰﾑﾍﾟｰｼﾞ作成ｿﾌﾄなどの ”ﾃｷｽﾄﾓｰﾄﾞで、新しいﾍﾟｰｼﾞや hogehoge.htm（=任意の挿入先ﾌｧｲﾙ名）の、 <head>　～　</head> の任意の行間に (*1) を、さらに <body>　～　</body>の任意の行間に (*2) をﾍﾟｰｽﾄします。　　　※: ﾃｷｽﾄﾓｰﾄﾞ : ｺｰﾄﾞ/HTMLﾀｸﾞ挿入/HTMLﾒﾆｭｰなど。

　･　編集 : hogehoge.htm に ﾃｷｽﾄﾓｰﾄﾞでﾍﾟｰｽﾄ 後は、ﾎｰﾑﾍﾟｰｼﾞ作成ｿﾌﾄのﾃﾞｻﾞｲﾝや通常ﾓｰﾄﾞ、ﾃｷｽﾄﾓｰﾄﾞ、ﾃｷｽﾄｴﾃﾞｨﾀｰで編集します。　　下記の（例） (*1) と、(*2) を参考に太字部分の編集を任意に行います。　

※: 外部ﾄﾞﾒｲﾝ（ｻｲﾄ）にｱｯﾌﾟﾛｰﾄの画像などの使用は、非表示に注意。　　画像の alt ﾀｸﾞは不可、ｻｲｽﾞ指定の pt などの省略は注意。　　ｽｸﾘﾌﾟﾄ構文中への改行混入注意。

　･　ｱｯﾌﾟﾛｰﾄﾞは、hogehoge.htm と同じﾎﾙﾀﾞｰに、使用してる上記画像、などがあればｱｯﾌﾟﾛｰﾄﾞします。　　別ﾎﾙﾀﾞｰの場合は、hogehoge.htm の該当ﾊﾟｽ注意。

　・　作動ﾃｽﾄは Edge～などで。　　更新の確認は、ﾌﾞﾗｳｻﾞｰなどのｷｬｯｼｭのｸﾘｱ後に実施。　　(1) [F5]ｷ- or Ctrl+Rｷｰを押し、最新ﾃﾞｰﾀ読み込みで。　　更に、(2) Edgeを全て閉じ、再起動を行い、【Edge】 - 右上 [……] - [設定] - [ﾌﾟﾗｲﾊﾞｼｰ、検索、ｻｰﾋﾞｽ] - [閲覧ﾃﾞ-ﾀをｸﾘｱ] - ［ｸﾘｱ-するﾃﾞ-ﾀの選択］ - ［ｖ］閲覧の履歴 -［今すくｸﾘｱ］をｸﾘｯｸ。　　留めに、(3) ｻｰﾊﾞｰのﾌｧｲﾙを一旦削除。

(*1) ：　hyou4.htm （例）　　　　　　　　　挿入先の　<head> ～ </head>　の、～部分にﾍﾟｰｽﾄします。

　HTMLの編集方法　

(*1) をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、下記↓のHTMLを挿入先ﾌｧｲﾙにﾍﾟｰｽﾄ、太字部分を編集し使用。

〔この列ﾍﾟｰｽﾄ不要〕　

ｼﾌﾄJIS使用（削除不可）

ｉｅなどに表示するｱｲｺﾝﾌｧｲﾙ名（削除可）

ﾘﾝｸを新しいWinで開くを標準（削除可）※：target=　いろいろ
同じﾌﾚｰﾑ=_self、ﾍﾟｰｼﾞ全体=_top、親ﾌﾚｰﾑ=_parent
お気に入り、ﾀｽｸﾊﾞｰに表示するﾍﾟｰｼﾞ名（≠ﾌｧｲﾙ名）

幅

背景画像

ﾊｲﾊﾟｰﾘﾝｸ背景画像

ﾊｲﾊﾟｰﾘﾝｸﾏｳｽｵｰﾊﾞｰ背景画像

<title>サンプルページ　　表 4</title>

<style type="text/css" media="all">
#header {
margin-right: auto;
margin-left: auto;
margin-top: 15px;
margin-bottom: 15px;
width: 200px;
}

.sidenavbtm {
width: 200px;
height: 22px;
background-image: url(sdn_btm.gif);

====　この間、説明を省略。　　====

background-image: url(sdn_link.gif);
}

#sidebarnav a:link, #sidebarnav a:visited {
color: #000;
text-decoration: none;
}

#sidebarnav a:hover {
background-color: #fff;
background-image: url(sdn_hover.gif);
color: #000;
}

#sidebarindent {
margin-left: 25px;
}
</style>

(*2) ：　hyou4.htm （例）　　　　　　　　挿入先の　<body> ～ </body>　の、～部分にﾍﾟｰｽﾄします。

HTMLの編集方法　

(*2)をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、下記↓のHTMLを挿入先ﾌｧｲﾙにﾍﾟｰｽﾄ、太字部分を編集し使用。

〔この列ﾍﾟｰｽﾄ不要〕

URL　吹き出し　ｻｲﾄ名

ｱｲｺﾝ

以下、同様。

<body>

<left>
<table width="200" border="0" cellspacing="0" cellpadding="0">
<tr align="left" valign="top">
<td width="200">
<div class="sidebarnavtitle"><strong>　ﾀｲﾄﾙ　</strong>　- - - - - - - - - - - - - - - - -</div>
<div id="sidebarnav">
<ul>
<li><a href="http://　……　.html" title="ﾒｯｾｰｼﾞ"><strong>　太陽風ДζΨΠ∀</strong>　JavaScript DHTML XML</a></li>

====　この間、説明を省略。　　====

<div class="sidebar"><a href="http://　……　.asx" target="_self"><img style="margin-right: 10px" src="./20_red_s.gif" title="♪ - Jazz・Rops - WindowsMediaPlayer"

====　この間、説明を省略。　　====

</p>
</div>
<div class="sidebarbtm"> </div>
</td></tr></table></left>