一年前的很水的渣网页(第一次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

一年前的很水的渣网页(第一次html试水)的更多相关文章

第一回：Scrapy的试水
前言:今天算是见到Scrapy的第二天,之前只是偶尔查了查,对于这个框架的各种解释,我-----都-----看------不------懂----,没办法,见面就是刚. 目的:如题,试水目标:< ...
Json.Net6.0入门学习试水篇
原文:Json.Net6.0入门学习试水篇前言 JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式.简单地说,JSON 可以将 JavaScript 对象中 ...
CSharpGL(49)试水OpenGL软实现
CSharpGL(49)试水OpenGL软实现 CSharpGL迎来了第49篇.本篇内容是用C#编写一个OpenGL的软实现.暂且将其命名为SoftGL. 目前已经实现了由Vertex Shader和 ...
微博试水卖车社交电商怎样令4S“颤抖”？
微博对社交电商的探索一直在深入,年初.微博上线了"支付"产品.从而使社交产业链实现了闭环,随后,微博又尝试售卖多种商品,不断扩大移动电商的试水范围,近期微博大规模汽车销售收 ...
POJ 2502 - Subway Dijkstra堆优化试水
做这道题的动机就是想练习一下堆的应用,顺便补一下好久没看的图论算法. Dijkstra算法概述 //从0出发的单源最短路 dis[][] = {INF} ReadMap(dis); for i = 0 ...
大众点评试水O2O新模式：实体店试穿，扫描二维码付款现场取货
在餐饮美食行业取得不错的成绩之后,大众点评将触角延伸到了线下的传统商铺,开始涉足线下商品的 O2O 团购.和传统的线上下单,线下消费的 O2O 模式不同.大众点评的 O2O 团购用户,可在店内试穿后通 ...
UITableView(自定义cell)试水心得
初次试水自定义cell的UITableView 实现目标最终实现结果界面复原度:98% 未能完全复刻的地方:下半部分的tableview与头部的控件间距上的误差原因:在做table ...
phaser2->3：来个打地鼠试水
本文中phaser具体版本 phaser2:2.8.1 phaser3:3.17.0 一.实现效果二.实现细节三.项目总结四.参考文档一.实现效果源码地址(phaser2&phaser3) ...
HDU1412-{A} + {B},通过率并不高，但同样是用一个很简洁的函数unique，超短代码水过~
{A} + {B} Time Limit: 10000/5000 MS (Java/Others) Memory Limit: 65536/32768 K (Java/Others) http: ...

随机推荐

elasticsearch 6.2.4添加用户密码认证
elasticsearch 6.3版本之前的添加认证需安装x-pack插件,6.3之后貌似去掉了这个. 1.安装x-pack 先切换到elastic用户下,在执行以下命令 $cd /data/elas ...
important的妙用解决firefox和ie的css兼容问题
设置css的min-height属性.min-height在Firefox里有效,但IE无法识别.下面有个不错的解决方案,大家可以参考下对于某些内容可变的层(比如用户评论),我们希望它有个最小的高度 ...
echarts笔记
常见问题: 1.x轴和y轴type同时为category时不可行只能改变方式显示,返回不同名称,如加上百分比显示 formatter:"value%"; var waterLev ...
EasyUI整合篇
easy ui combobox getValue 获取不到值问题必须设置属性showblank: true,否则只能从onSelect事件中获取 $("#ddlType").c ...
css-reset 代码
最常用 * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:bef ...
vue.js学习系列-第一篇
VUE系列一简介 vue是一个兴起的前端js库,是一个精简的MVVM.从技术角度讲,Vue.js专注于 MVVM 模型的 ViewModel 层.它通过双向数据绑定把 View 层和 Mode ...
arguments.callee.caller
1.Arguments Arguments是一个类似数组但不是数组的对象,说它类似数组是因为其具有数组一样的访问性质及方式,可以由arguments[n]来访问对应的单个参数的值,并拥有数组长度属性l ...
python算法&二分查找法
import random def random_list(n): result = [] ids = list(range(1001,1001+n)) a1 = ["赵",&qu ...
Spring Cloud 2-Bus 消息总线(九)
Spring Cloud Bus 1.服务端配置 pom.xml application.yml 2.客户端配置 pom.xml application.yml Controller.java 3 ...
多个python版本共存
windows下多个python版本共存了解python的人都知道python有2.x版本和3.x版本,而python3.x版本不向下兼容,但是根据具体的需要,有时候要2.x和3.x共存,pytho ...

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

一年前的很水的渣网页(第一次html试水)的更多相关文章

随机推荐

热门专题