| ここに文字や画像をﾍﾟｰｽﾄします。 改行
→ 高さが変わります。
|
ｾﾙの背景画像の指定（例） | …… | …… |
| ……
|
 画像挿入（例） |
||
| ……
|
|||
| ……
|
ﾎｰﾑ へ ｻﾝﾌﾟﾙﾍﾟｰｼﾞ ﾊｲﾗｲﾄ表 1 highlight_table.htm
これは、(1)〜(7)のﾊｲﾗｲﾄ表のｻﾝﾌﾟﾙです。 ﾏｳｽｵｰﾊﾞｰ/ｵﾌ時にｾﾙ背景色が指定色に変わり、痕跡を遺します。〔Internet Explorer4.x〜対応。〕 ﾃｷｽﾄｴﾃﾞｨﾀｰでの作成方法があります。 中央配置の表に背景画像を挿入や、ﾏｳｽｵｰﾊﾞｰ時のﾘﾝｸ下線表示、前景・背景変化 の（例）も。 all対応。 ｺﾋﾟｰ、編集し、簡単にWebで応用可能。
| (1) | 表/配置：中央(横)、ﾌﾛｰﾄ：標準、罫線：0、ｾﾙｽﾍﾟｰｽ：0、ｾﾙ間ｽﾍﾟｰｽ：1、背景色：#530080、幅：90%。 ｾﾙ/配置：横・縦標準、背景色：#FFFFFF、幅：25% |
| ここに文字や画像をﾍﾟｰｽﾄします。 改行
→ 高さが変わります。 ｾﾙ背景色無変化ﾀｸﾞ（例）
|
…… | …… | …… |
| ……
|
……
|
……
|
…… |
| ……
|
……
|
……
|
|
| ……
|
……
|
| (2) | 表/配置：中央(横)、ﾌﾛｰﾄ：標準、罫線：0、ｾﾙｽﾍﾟｰｽ：0、ｾﾙ間ｽﾍﾟｰｽ：2、背景色：#FFFFFF、幅：90%。 ｾﾙ/配置：横・縦標準、背景色：#F3F3F3、幅：25% |
※：ﾏｳｽｵｰﾊﾞｰ時にｾﾙ背景色が指定色の色違い。
| ここに文字や画像をﾍﾟｰｽﾄします。 改行
→ 高さが変わります。
|
ｾﾙの背景画像の指定（例） | …… | …… |
| ……
|
画像挿入（例） |
||
| ……
|
|||
| ……
|
| (3) | 表/配置：中央(横)、ﾌﾛｰﾄ：標準、罫線：0、ｾﾙｽﾍﾟｰｽ：0、ｾﾙ間ｽﾍﾟｰｽ：1、背景色：#530080、幅：600ﾋﾟｸｾﾙ、高さ：50ﾋﾟｸｾﾙ。 ｾﾙ/配置：中央(横)、縦(中央)、背景色：#FFFFFF、幅：25% |
| ここに文字や画像をﾍﾟｰｽﾄします。改行 → 高さが変わります。 | …… | …… | …… |
| ……
|
|||
| ……
|
|||
| ……
|
| (4) | 表/配置：中央(横)、ﾌﾛｰﾄ：標準、罫線：0、ｾﾙｽﾍﾟｰｽ：0、ｾﾙ間ｽﾍﾟｰｽ：2、背景色：#FFFFFF、幅：600ﾋﾟｸｾﾙ、高さ：50ﾋﾟｸｾﾙ。 ｾﾙ/配置：中央(横)、縦(標準)、背景色：#F8EEFF、幅：25% |
| ここに文字や画像をﾍﾟｰｽﾄします。改行 → 高さが変わります。 | …… | …… | …… |
| ……
|
|||
| ……
|
|||
| ……
|
| (5) | 表/配置：標準(横)、ﾌﾛｰﾄ：標準、罫線：0、ｾﾙｽﾍﾟｰｽ：1、ｾﾙ間ｽﾍﾟｰｽ：0、背景色：#630198、幅：100%、高さ：。 ｾﾙ/配置：標準(横)、縦(標準)、背景色：#F8EEFF、幅：25% |
|
下は、上のﾀｸﾞを4回繰り返し。
|
|
|
|
| (6) | 表/配置：中央(横)、ﾌﾛｰﾄ：標準、罫線：0、ｾﾙｽﾍﾟｰｽ：0、ｾﾙ間ｽﾍﾟｰｽ：0、背景色：#630198、幅：99%、高さ：。 ｾﾙ/配置：、縦(標準)、背景色：#F8EEFF、幅：16% |
|
| (7) | 表/配置：中央(横)、ﾌﾛｰﾄ：標準、罫線：0、ｾﾙｽﾍﾟｰｽ：1、ｾﾙ間ｽﾍﾟｰｽ：1、背景色：標準、幅：100%、高さ：。 ｾﾙ/配置：、縦(標準)、背景色：標準、幅：指定値 中央配置の表に背景画像を挿入した（例） ： 表配置 : 中央横、幅 : 100%、ｾﾙ幅 : 70%、高さ : 任意（改行で可変）、背景画像 : あり（下記） |
※：背景画像ｻｲｽﾞを ”ﾋﾟｸｾﾙ”で指定する場合の（例） ： <td width="300" background="http:/…… blst01.gif" height="300">
| 背景画像 ： blst01.gif
|
<ご使用方法>
| ・ ﾛｰｶﾙ（=PC）への保存は、 | をｸﾘｯｸします。 〔このﾎﾞﾀﾝの実装方法は、ここの(*3) で。〕 |
あるいは、 highlight_table.htm を右ｸﾘｯｸします。 [対象をﾌｧｲﾙに保存] - 【ﾌｧｲﾙのﾀﾞｳﾝﾛｰﾄﾞ】、【ﾌｧｲﾙ名を付けて保存】 - <保存する場所>： ……などで行います。
・ これらの表の実装方法は、highlight_table.htm をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、挿入先（新しいﾍﾟｰｼﾞ 1 や hogehoge.html） の、<body> 〜 </body>の任意の行に、(1)〜(7)から選びそれぞれの、 <div align= 〜 </center></div> 部分をﾍﾟｰｽﾄします。
・ ﾊｲﾊﾟｰﾘﾝｸの下線非表示、ﾏｳｽｵｰﾊﾞｰ時の下線表示と文字・背景色の変化の実装は、 <head> 〜</head>の間の任意の行に (*1) をﾍﾟｰｽﾄします。
･ 編集方法 ： 下記の（例）(*1)と、(*2) を参考に太字部分の編集を行います。 説明のための太字、彩色自体に依存なし。 ﾏｳｽｵｰﾊﾞｰ時のｾﾙ背景色の指定は、ﾏｳｽｵﾝ/ｵﾌ時の背景色変化ﾀｸﾞ、および ｾﾙ背景色無変化ﾀｸﾞ で。 色記号の獲得はここで 背景画像の変更は、画像ﾌｧｲﾙのURLや、ﾌｧｲﾙ名の変更で。
・ 作動ﾃｽﾄは、ﾛｰｶﾙ（PC）に保存し、 Internet Explorer 8.x〜 などで開いて。 更新の確認は、ie、Safariやｻｰﾊﾞｰからのｷｬｯｼｭﾃﾞｰﾀｰ更新を、目的のﾍﾟｰｼﾞを表示し ieで [F5]ｷｰ を押し最新ﾃﾞｰﾀ読み込みで行います（≠再ｱｸｾｽ）。
･ ｱｯﾌﾟﾛｰﾄﾞや作動ﾃｽﾄは、hogehoge.html と同じ階層〔ﾎﾙﾀﾞｰ/ﾃﾞｨﾚｸﾄﾘｰ〕に、使用する画像、*.jsなども転送/配置し実施。 ※：別ﾃﾞｨﾚｸﾄﾘｰに配置時は、*.html 中のﾊﾟｽは要修正。 FTPなどで変わったﾌｧｲﾙ名は要修正。 ｽｸﾘﾌﾟﾄ構文中への改行混入は非作動原因。
･ 関連情報 ： 色記号5、〃6、ｽﾀｲﾙｼｰﾄﾘﾌｧﾚﾝｽ、ﾎｰﾑﾍﾟｰｼﾞ開設入門。 Web Development、Web開発、IE10 互換性ｸｯｸﾌﾞｯｸ、〃開発者向けｶﾞｲﾄﾞ、IE API ﾘﾌｧﾚﾝｽ、IE 開発 > HTMLとCSS、開発ﾂｰﾙでｻｲﾄを修正、ｽｸﾘﾌﾟﾄ ﾃﾞﾊﾞｯｸﾞの概要、HTMLとCSSのｻﾎﾟｰﾄ、CSSの改良点、XML、〃ﾘﾌｧﾚﾝｽ、DHTML。
(*1) ： highlight_table.htm （例） 挿入先の <head> 〜 </head> の、〜 部分にﾍﾟｰｽﾄします。
| HTMLの編集方法 | (*1) をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、下記↓のHTMLを挿入先ﾌｧｲﾙにﾍﾟｰｽﾄ、太字部分を編集し使用。 |
| 〔この列ﾍﾟｰｽﾄ不要〕
ｼﾌﾄJIS使用（削除不可） ｉｅなどに表示するｱｲｺﾝﾌｧｲﾙ名（削除可）
<style type= 〜
</style>は（削除可）
ﾘﾝｸを新しいWinで開くを標準（削除可）※：target= いろいろ |
<meta http-equiv="Content-Type" content="text/html; charset=x-sjis"> <link REL="SHORTCUT ICON" href="favicon.ico"> <style type="text/css"><!--
<base target="_blank"> <title>サンプルページ ハイライト表 1</title> <script language="JavaScript1.2"> ==== この間、説明を省略。 ==== } </script> |
(*2) ： highlight_table.htm （例） 表 挿入先の <body> 〜 </body> の、〜 部分にﾍﾟｰｽﾄします。
| HTMLの編集方法 | (*2)をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、下記↓のHTMLを挿入先ﾌｧｲﾙにﾍﾟｰｽﾄ、編集し使用。 |
<補足> 適時参照あれ！。