一年前的很水的渣网页(第一次html试水)

 <!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>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a href="website/picture.html" title="Some funny picture" >Picture</a>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<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="资料来源" > &copy;暴走漫画 </a>
&nbsp;&nbsp;&nbsp;&nbsp;
<a href="mailto:&#49&#56&#56&#51&#56&#48&#55&#56&#48&#64&#113&#113&#46&#99&#111&#109" title="Email me">&hearts;Email me&hearts;</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" > &uarr;top </a>
<br />
<a href="../index.html" > &laquo;back </a>
<br />
<a href="video.html" > &diams;video </a>
<br />
<a href="picture.html" > &diams;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&raquo; </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="段子资料来源" > &copy;暴走漫画 </a>
&nbsp;&nbsp;&nbsp;&nbsp;
<a href="mailto:&#49&#56&#56&#51&#56&#48&#55&#56&#48&#64&#113&#113&#46&#99&#111&#109" title="Email me">&hearts;Email me&hearts;</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" > &laquo;back </a>
<br />
<a href="joke.html" > &diams;joke </a>
<br />
<a href="video.html" > &diams;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>
&nbsp;&nbsp;&nbsp;
<a href="http://baozoumanhua.com/qutu" target="_blank"> more&raquo; </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="图片资料来源" > &copy;暴走漫画 </a>
&nbsp;&nbsp;&nbsp;&nbsp;
<a href="mailto:&#49&#56&#56&#51&#56&#48&#55&#56&#48&#64&#113&#113&#46&#99&#111&#109" title="Email me">&hearts;Email me&hearts;</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" > &laquo;back </a>
<br />
<a href="joke.html" > &diams;joke </a>
<br />
<a href="picture.html" > &diams;picture </a>
</table>
</div>
<h1>急招!暴走人事部启动一级人才战略储备 15 【暴走大事件第五季】</h1>
<div id="ri">
<a href="http://baozoumanhua.com/videos" target="_blank" > more&raquo; </a>
</div>
<video src="../video/bzmh.mp4" controls="controls" >
Can not play video!
</video>
<hr />
<footer>
资料来源:
<a href="http://baozoumanhua.com/" target="_blank" title="视频资料来源" > &copy;暴走漫画 </a>
&nbsp;&nbsp;&nbsp;&nbsp;
<a href="mailto:&#49&#56&#56&#51&#56&#48&#55&#56&#48&#64&#113&#113&#46&#99&#111&#109" title="Email me">&hearts;Email me&hearts;</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
上一篇:python基础之作业3----三级菜单小练习


下一篇:BurpSuite Pro 1.7.37破解(转载)