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

随机推荐

【1】MySQL大数据量分页查询方法及其优化
---方法1: 直接使用数据库提供的SQL语句---语句样式: MySQL中,可用如下方法: SELECT * FROM 表名称 LIMIT M,N---适应场景: 适用于数据量较少的情况(元组百/千 ...
ArcGis Python脚本——将细碎小面合并到相邻的面积最大的面
参数: polygon_fc 面要素类 area_limit 给定面积值,小于它的面会被合并给定两个参数即可,这回没有注释. #polygon_fc 面要素类 #area_limit 给定面积值,小 ...
Docker实践之02-使用镜像及定制
目录一.获取镜像二.使用镜像启动容器实例三.列出镜像四.删除本地镜像五.定制镜像通过commit命令定制镜像通过Dockerfile定制镜像 docker build的工作原理 dock ...
Java装箱的 " == " 的问题
装箱和拆箱 packagecom.xzj.Test; /* * @ author thisxzj * @ create 2019-02-25 10:56 */ publicclassBase{ ...
Luogu P2158 仪仗队题解报告
题目传送门 [题目大意] 给定一个n×n的点方阵,求站在左下角的点能看到的点数注意同一条直线上只能看到一个点 [思路分析] 因为是一个方阵,所以可以对称地算,那么对于半个方阵,这里假设是左上的半个方 ...
ueditor复制文本有多余的空行问题
今天从ueditor中复制文本,粘贴到记事本中发现每一行后面都多了一个空行. Ueditor中的文本如图: 本来只有三行,全选复制所有内容,再粘贴到记事本中发现有每一行文本后面都有多余的空行: 如果我 ...
arguments.callee.caller
1.Arguments Arguments是一个类似数组但不是数组的对象,说它类似数组是因为其具有数组一样的访问性质及方式,可以由arguments[n]来访问对应的单个参数的值,并拥有数组长度属性l ...
iOS cocoapods 速度过慢问题
这个问题真的困扰了很久,虽然我也开了shadowsocks,但是我不知道git命令默认是不走shadowsocks的,所以速度慢的很. 今天拜读了 https://blog.csdn.net/wuqu ...
linux部署dns内网服务器
安装: yum -y install bind* 编辑named.conf vim /etc/named.conf options { listen-on port { any; }; listen- ...
python设置虚拟环境
一.介绍虚拟环境-virtualenv是一个用于隔绝的python环境的工具,虚拟环境与本地环境互相隔离,互不影响,例如我们要安装django2.0的版本但是本地已经安装了1.1的,这时只需要在本地 ...

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

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

随机推荐

热门专题