優れたHTML印刷コードがページめくりをサポート

ylbtech_html_print

HTML 印刷コード、ページめくりをサポート

コードをコピー

コードは次のとおりです。

<html>
<ヘッド>
<メタ名=vs_targetSchema コンテンツ="http://schemas.microsoft.com/intellisense/ie5">
<title>見てみましょう</title>
<meta http-equiv="コンテンツタイプ" コンテンツ="text/html; charset=gb2312">

<スタイルメディア = 印刷>
.Noprint{表示:なし;}
.PageNext{ページ区切り後: 常に;}
</スタイル>
<スタイル>
.tdp
{
ボーダー下部: 1 実線 #000000;
左境界線: 1 実線 #000000;
右境界線: 0 実線 #ffffff;
border-top: 0 実線 #ffffff;
}
.タブ
{
境界線の色: #000000 #000000 #000000 #000000;
境界線のスタイル: solid;
境界線の上部の幅: 2px;
右境界線の幅: 2px;
境界線の下の幅: 1px;
左境界線の幅: 1px;
}
.NOPRINT {
フォントファミリー: "宋体";
フォントサイズ: 9pt;
}
</スタイル>
</head>
<本文>
<center class="Noprint">
<p>
<OBJECT id=WebBrowser classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 高さ=0 幅=0>
</オブジェクト>
<input type=button value=印刷 onclick=document.all.WebBrowser.ExecWB(6,1)>
<入力タイプ=ボタン値=直接印刷 onclick=document.all.WebBrowser.ExecWB(6,6)>
<input type=button value=ページ設定 onclick=document.all.WebBrowser.ExecWB(8,1)>
</p>
<p> <input type=button value=印刷プレビュー onclick=document.all.WebBrowser.ExecWB(7,1)>
<br/>
</p>
<hr align="center" width="90%" size="1" ノーシェード>
</center>
<テーブルの幅="90%" 境界線="0" 配置="中央" セルパディング="2" セル間隔="0" クラス="tabp">
<tr>
<td colspan="3" class="tdp">ページ 1</td>
</tr>
<tr>
<td width="29%" class="tdp"> </td>
<td width="28%" class="tdp"> </td>
<td width="43%" class="tdp"> </td>
</tr>
<tr>
<td colspan="3" class="tdp"> </td>
</tr>
<tr>
<td colspan="3" class="tdp"><テーブルの幅="100%" 境界線="0" セル間隔="0" セルパディング="0">
<tr>
<td width="50%" class="tdp"><p>そのような報告</p>
<p>一般的な要件には十分です。 </p></td>
<td> </td>
</tr>
</テーブル></td>
</tr>
</テーブル>
<hr align="center" width="90%" size="1" noshade class="NOPRINT" >

<div class="PageNext"></div>
<テーブルの幅="90%" 境界線="0" 配置="中央" セルパディング="2" セル間隔="0" クラス="tabp">
<tr>
<td class="tdp">ページ 2</td>
</tr>
<tr>
<td class="tdp">ページングが見えますか?</td>
</tr>
<tr>
<td class="tdp"> </td>
</tr>
<tr>
<td class="tdp"> </td>
</tr>
<tr>
<td class="tdp"><テーブルの幅="100%" 境界線="0" セル間隔="0" セルパディング="0">
<tr>
<td width="50%" class="tdp"><p>そのような報告</p>
<p>一般的な要件には十分です。 </p></td>
<td> </td>
</tr>
</テーブル></td>
</tr>
</テーブル>
<hr align="center" width="90%" size="1" noshade class="NOPRINT" >
<div class="PageNext"></div>
<テーブルの幅="90%" 境界線="0" 配置="中央" セルパディング="2" セル間隔="0" クラス="tabp">
<tr>
<td class="tdp">ページ 3</td>
</tr>
<tr>
<td class="tdp">ページングが見えますか?</td>
</tr>
<tr>
<td class="tdp"> </td>
</tr>
<tr>
<td class="tdp"> </td>
</tr>
<tr>
<td class="tdp"><テーブルの幅="100%" 境界線="0" セル間隔="0" セルパディング="0">
<tr>
<td width="50%" class="tdp"><p>そのような報告</p>
<p>一般的な要件には十分です。 </p></td>
<td> </td>
</tr>
</テーブル></td>
</tr>
</テーブル>
</本文>
</html>

<<: VMware Workstation 仮想マシンのインストール操作方法

>>: src 属性と href 属性の違い