<!doctype html>
<html lang="zh-cn"> <base target="_blank" />
<meta charset="utf-8" />
<title> My first web site </title>
<link rel="stylesheet" href="css/style.css" /> <body>
<header>
<h1> Some funny pictures and videos </h1>
</header>
<marquee color="#000000" width="100%" height="%5" >
welcome to my first web site.
</marquee>
<hr /> <div>
<audio autoplay="autoplay" loop="loop" >
<source src="music/bgm.mp3" type="audio/mp3" />
Can not play music!
</audio>
</div> <br /><br /><br /><br /><br /><br /> <p>
收集了一些搞笑的段子，图片和视频，有兴趣来看看吗。
</p> <nav>
<a href="website/joke.html" title="Some funny joke" >Joke</a>
|
<a href="website/picture.html" title="Some funny picture" >Picture</a>
|
<a href="website/video.html" title="Some funny video" >Video</a>
</nav> <br /><br /><br /><br /><br /><br /><br /><br />
<hr />
<footer>
资料来源：
<a href="http://baozoumanhua.com/" target="_blank" title="资料来源" > ©暴走漫画 </a>
<a href="mailto:188380780@qq.com" title="Email me">♥Email me♥</a>
</footer>
</body> </html>
index.html
<!doctype html>
<html lang="zh-cn"> <base target="_top" />
<meta charset="utf-8">
<title> Joke </title>
<link rel="stylesheet" href="../css/style-j.css" /> <body>
<header id="top" >
<h1>Joke</h1
</header>
<hr /> <div id="mplay">
<audio autoplay="autoplay" loop="loop" >
<source src="../music/bgm-j.flac" type="audio/flac" />
Can not play music!
</audio>
</div> <div id="memu"><!-- 返回键 or p or v 回到顶部-->
<table width="50px" height="10px">
<th>
<a href="#top" > ↑top </a>
<br />
<a href="../index.html" > «back </a>
<br />
<a href="video.html" > ♦video </a>
<br />
<a href="picture.html" > ♦picture </a>
</table>
</div> <table>
<th>
joke list
</th>
<tr>
<td width = 20%; valign="top" >
<ul>
<li><a href="#1"> 我上个厕所啊 </a></li>
<li><a href="#2"> 准备好钱没有 </a></li>
<li><a href="#3"> 我这里有个岗位适合您 </a></li>
<li><a href="#4"> 体检 </a></li>
</ul>
<br /><br />
<div id="op" >
<a href="http://baozoumanhua.com/text" target="_blank" > more» </a>
</div>
</td>
<td>
<p>
<h2 id="1"> 我上个厕所啊 </h2>
<blockquote>
“我上个厕所啊，3分钟”约=15分钟。<br />
“我马上就到，5分钟”约=半小时。<br />
“快写完了，再给我一个小时”约=两个半小时。<br />
“我好久没买东西了”约=最多两礼拜。<br />
“下次一起吃饭”=永远。
</blockquote>
</p>
<p>
<h2 id="2"> 准备好钱没有 </h2>
<blockquote>
我正在午睡。迷糊间，来了陌生电话。我随手拿起：喂——。<br />
那头是低沉的男声：是XX吗？<br />
我：是。<br />
那头继续问：你住在XX路XX号吧？准备好钱没有？<br />
我紧张了起来，便小声问：你咋知道的？<br />
对方有些怒了：我快递，货到付款啊！<br />
</blockquote>
</p>
<p>
<h2 id="3"> 我这里有个岗位适合您 </h2>
<blockquote>
猎头：您好，我这里有个岗位适合您，想换工作吗？<br />
我：暂时不考虑。<br />
猎头：您有讨厌的领导吗，把他联系方式给我，我帮你把他挖走！<br />
</blockquote>
</p>
<p>
<h2 id="4"> 体检 </h2>
<blockquote>
去体检，化验室在二楼，刚好电梯来了就进去了。<br />
按了个二，瞬间里面的大妈大爷就说：现在的年轻人真懒，都舍不得多走两步路！<br />
电梯开了，我假装拖着一只脚艰难的走着。<br />
瞬间他们又说了：真可怜，年纪轻轻就瘸了，估计媳妇儿都不好找。。。<br />
</blockquote>
</p>
</td>
<tr>
</table>
<hr />
<footer>
资料来源：
<a href="http://baozoumanhua.com/" target="_blank" title="段子资料来源" > ©暴走漫画 </a>
<a href="mailto:188380780@qq.com" title="Email me">♥Email me♥</a>
</footer>
</body> </html>
website/joke.html
<!doctype html>
<html lang="zh-cn"> <base target="_top" />
<meta charset="utf-8">
<title> Picture </title>
<link rel="stylesheet" href="../css/style-p.css" />
<script src="../javascript/p.js"></script> <body>
<header>
<h1>Picture</h1>
</header>
<hr /> <div id="mplay">
<audio autoplay="autoplay" loop="loop" >
<source src="../music/bgm-p.mp3" type="audio/mp3" />
Can not play music!
</audio>
</div> <div id="memu"><!-- 返回键 or p or v 回到顶部-->
<table width="50px" height="10px">
<th>
<a href="../index.html" > «back </a>
<br />
<a href="joke.html" > ♦joke </a>
<br />
<a href="video.html" > ♦video </a>
</table>
</div>
<br /><br /><br />
<table>
<th> funny picture
<form >
<select onchange="p(this.value)" >
<option value="1" > 她扎我！ </option>
<option value="2" > 踢球 </option>
<option value="3" > 套路 </option>
<select>
<a href="http://baozoumanhua.com/qutu" target="_blank"> more» </a>
</form>
<br /><br />
</th>
<tr>
<td id="op" >
<img id="pic" src="../picture/1.gif" alt="Can not show picture" />
</td>
</tr>
</table>
<br /><br /><br />
<hr />
<footer>
资料来源：
<a href="http://baozoumanhua.com/" target="_blank" title="图片资料来源" > ©暴走漫画 </a>
<a href="mailto:188380780@qq.com" title="Email me">♥Email me♥</a>
</footer>
</body> </html>
website/picture.html
<!doctype html>
<html lang="zh-cn"> <base target="_top" />
<meta charset="utf-8">
<title> Video </title>
<link rel="stylesheet" href="../css/style-v.css" /> <body>
<header>
<h1>Video</h1>
</header>
<hr /> <div id="memu"><!-- 返回键 or p or v 回到顶部-->
<table width="50px" height="10px">
<th>
<a href="../index.html" > «back </a>
<br />
<a href="joke.html" > ♦joke </a>
<br />
<a href="picture.html" > ♦picture </a>
</table>
</div>
<h1>急招！暴走人事部启动一级人才战略储备 15 【暴走大事件第五季】</h1>
<div id="ri">
<a href="http://baozoumanhua.com/videos" target="_blank" > more» </a>
</div>
<video src="../video/bzmh.mp4" controls="controls" >
Can not play video!
</video>
<hr />
<footer>
资料来源：
<a href="http://baozoumanhua.com/" target="_blank" title="视频资料来源" > ©暴走漫画 </a>
<a href="mailto:188380780@qq.com" title="Email me">♥Email me♥</a>
</footer>
</body> </html>
website/video.html
css/style-j.css
css/style-p.css
css/style-v.css
css/style.css
javascript/p.js