Introductory Experiments in the Laboratory
テンプレート3
下のソースコードをエディタにコピーアンドペーストして編集してください。赤文字の部分をコメント表示<!-- -->に従って書き換えて使用します。基本的に改変は自由です。
文字化けするときは文字コードのcharset=Shift_JISをcharset=euc-jpかcharset=iso-2022-jpに変えてみてください。
文字化けするときは文字コードのcharset=Shift_JISをcharset=euc-jpかcharset=iso-2022-jpに変えてみてください。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="ja">
<head profile="http://iel.nobody.jp/">
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta name="keywords" content="東京大学,情報処理"><!-- 検索に使用するキーワードを記入 -->
<title>My Web Site</title><!-- ページタイトルを記入 -->
<style type="text/css">
<!--
body{ font-family: MS UI Gothic; font-size: 12pt; margin: 0px; }
//-->
</style><!-- ↑文字の大きさを指定 -->
</head>
<body bgcolor="#ffffff" text="#000000" link="#003333" vlink="#003333">
<!-- 背景色、文字色、リンク色を指定 -->
<table width="100%" cellpadding="0" cellspacing="0">
<tr>
<td width="25" bgcolor="#000000"></td><!-- 左側ライン色を指定 -->
<td style="padding: 10px;">
<div align="center">
<h1><span style="color: #ffffff; border: 10px double #ffffff; background-color: #000000;">-My Web Site-</span></h1><!-- タイトル文字色、枠色、タイトル背景色を指定 -->
</div>
<hr style="filter: Alpha(opacity=100 ,finishopacity=0,style=1);">
<h2><span style="font-family: MS UI Gothic;color: #000033;">PROFILE</span></h2>
<p>I was admitted to enter the University of Tokyo.<br>I'll enjoy school life!</p>
<p>My favorite ...</p>
<hr style="filter: Alpha(opacity=100 ,finishopacity=0,style=1);">
<h2><span style="font-family: MS UI Gothic;color: #000033;">EXERCISES</span></h2>
<p>Not Yet</p>
<hr style="filter: Alpha(opacity=100 ,finishopacity=0,style=1);">
<h2><span style="font-family: MS UI Gothic;color: #000033;">LINK</span></h2>
<p><a href="http://www.u-tokyo.ac.jp/">東京大学</a></p>
<p><a href="http://www.ecc.u-tokyo.ac.jp/">東京大学情報基盤センター教育用計算機システム</a></p>
<p><a href="http://real1.itc.u-tokyo.ac.jp/Listening/">英語Ⅰリスニング教材</a></p>
<hr style="filter: Alpha(opacity=100 ,finishopacity=0,style=1);">
<!-- Yahoo! -->
<form action="http://search.yahoo.co.jp/bin/search" method="get" target="_blank">
<input type="text" name="p" size="30">
<input type="submit" value="Yahoo! 検索">
<input type="hidden" name="fr" value="yssw">
</form>
<!-- Yahoo! -->
<!-- Google -->
<form action="http://www.google.co.jp/search" method="get" target="_blank">
<input type="text" name="q" size="30" maxlength="255" value="">
<input type="submit" name="btnG" value="Google 検索">
<input type="hidden" name="hl" value="ja">
<input type="hidden" name="ie" value="Shift_JIS">
</form>
<!-- Google -->
<!-- goo -->
<form action="http://search.goo.ne.jp/web.jsp" name="query" target="_blank">
<input type="text" name="MT" size="30" value="">
<input type="submit" name="web" value="goo 検索">
<input type="hidden" name="from" value="USR">
<input type="hidden" name="IE" value="sjis">
</form>
<!-- goo -->
</td>
</tr>
</table>
<hr>
<div align="center">
<span style="color: #000000; font-weight: bold; ">CopyRight© 2005 All Rights Reserved.</span><br>
<br>
<span style="font-size: 8pt; color: #000000;">本ホームページに掲載されている文章の著作権は、日本国著作権法及び国際条約により保護されており、<br>私的使用又は引用等著作権法上認められた行為を除き、許可なく複製・転載等はお断りします。</span>
</div>
</body>
</html>
<html lang="ja">
<head profile="http://iel.nobody.jp/">
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta name="keywords" content="東京大学,情報処理"><!-- 検索に使用するキーワードを記入 -->
<title>My Web Site</title><!-- ページタイトルを記入 -->
<style type="text/css">
<!--
body{ font-family: MS UI Gothic; font-size: 12pt; margin: 0px; }
//-->
</style><!-- ↑文字の大きさを指定 -->
</head>
<body bgcolor="#ffffff" text="#000000" link="#003333" vlink="#003333">
<!-- 背景色、文字色、リンク色を指定 -->
<table width="100%" cellpadding="0" cellspacing="0">
<tr>
<td width="25" bgcolor="#000000"></td><!-- 左側ライン色を指定 -->
<td style="padding: 10px;">
<div align="center">
<h1><span style="color: #ffffff; border: 10px double #ffffff; background-color: #000000;">-My Web Site-</span></h1><!-- タイトル文字色、枠色、タイトル背景色を指定 -->
</div>
<hr style="filter: Alpha(opacity=100 ,finishopacity=0,style=1);">
<h2><span style="font-family: MS UI Gothic;color: #000033;">PROFILE</span></h2>
<p>I was admitted to enter the University of Tokyo.<br>I'll enjoy school life!</p>
<p>My favorite ...</p>
<hr style="filter: Alpha(opacity=100 ,finishopacity=0,style=1);">
<h2><span style="font-family: MS UI Gothic;color: #000033;">EXERCISES</span></h2>
<p>Not Yet</p>
<hr style="filter: Alpha(opacity=100 ,finishopacity=0,style=1);">
<h2><span style="font-family: MS UI Gothic;color: #000033;">LINK</span></h2>
<p><a href="http://www.u-tokyo.ac.jp/">東京大学</a></p>
<p><a href="http://www.ecc.u-tokyo.ac.jp/">東京大学情報基盤センター教育用計算機システム</a></p>
<p><a href="http://real1.itc.u-tokyo.ac.jp/Listening/">英語Ⅰリスニング教材</a></p>
<hr style="filter: Alpha(opacity=100 ,finishopacity=0,style=1);">
<!-- Yahoo! -->
<form action="http://search.yahoo.co.jp/bin/search" method="get" target="_blank">
<input type="text" name="p" size="30">
<input type="submit" value="Yahoo! 検索">
<input type="hidden" name="fr" value="yssw">
</form>
<!-- Yahoo! -->
<!-- Google -->
<form action="http://www.google.co.jp/search" method="get" target="_blank">
<input type="text" name="q" size="30" maxlength="255" value="">
<input type="submit" name="btnG" value="Google 検索">
<input type="hidden" name="hl" value="ja">
<input type="hidden" name="ie" value="Shift_JIS">
</form>
<!-- Google -->
<!-- goo -->
<form action="http://search.goo.ne.jp/web.jsp" name="query" target="_blank">
<input type="text" name="MT" size="30" value="">
<input type="submit" name="web" value="goo 検索">
<input type="hidden" name="from" value="USR">
<input type="hidden" name="IE" value="sjis">
</form>
<!-- goo -->
</td>
</tr>
</table>
<hr>
<div align="center">
<span style="color: #000000; font-weight: bold; ">CopyRight© 2005 All Rights Reserved.</span><br>
<br>
<span style="font-size: 8pt; color: #000000;">本ホームページに掲載されている文章の著作権は、日本国著作権法及び国際条約により保護されており、<br>私的使用又は引用等著作権法上認められた行為を除き、許可なく複製・転載等はお断りします。</span>
</div>
</body>
</html>
別バージョン
左側ライン色 #009900
タイトル背景色 #009900
左側ライン色 #ff9966
タイトル背景色 #ff9966
