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

随机推荐

nginx资料汇总
nginx docker 中的一些目录和 windows下是不同的, 静态内容目录: /usr/share/nginx/html 配置文件目录: /etc/nginx 日志输出目录: /var/log ...
arcgis图层 GraphicsLayer与FeatureLayer
什么是图层图层是用来在 ArcGIS 产品套件中显示地理数据集的机制.每个图层代表一种数据集(可以是地图服务.图形或是矢量数据),并指定该数据集是如何描绘使用一组属性的. 包含一个地图控件的每个应用 ...
JetBrain server certificate is not trusted 弹出框
To get rid of the pop up message go to below location and click on Accept non-trusted certificates a ...
Arduino常用的数据类型以及转换
常用的数据类型有布尔类型.字符型.字节型.整型.无符号整型.长整型.无符号长整型.浮点型.双精度浮点型等布尔类型bollean: 布尔值是一种逻辑值,其结果只能为真(true)或者假(false). ...
《模式分类(原书第二版)》pdf格式下载电子书免费下载
<模式分类(原书第二版)>pdf格式下载电子书免费下载: https://u253469.ctfile.com/fs/253469-302448505 内容简介 <模式分类>( ...
[Kubernetes]基于角色的权限控制之RBAC
Kubernetes中有很多种内置的编排对象,此外还可以自定义API资源类型和控制器的编写方式.那么,我能不能自己写一个编排对象呢?答案是肯定的.而这,也正是Kubernetes项目最具吸引力的地方. ...
从基本理解到深入探究 Linux kernel 通知链（notifier chain）【转】
转自:https://blog.csdn.net/u014134180/article/details/86563754 版权声明:本文为博主原创文章,未经博主允许不得转载.——Wu_Being ht ...
Python爬虫基础之Cookie
一.Cookie会话简单地说,cookie就是存储在用户浏览器中的一小段文本文件.Cookies是纯文本形式,它们不包含任何可执行代码.一个Web页面或服务器告之浏览器来将这些信息存储并且基于一系列 ...
gradle.properties使用
设置属性 COMPILE_SDK_VERSION = 26 BUILD_TOOLS_VERSION = 26.0.0 MIN_SDK_VERSION = 19 TARGET_SDK_VERSION = ...
洛谷P4774 [NOI2018]屠龙勇士 [扩欧，中国剩余定理]
传送门思路首先可以发现打每条龙的攻击值显然是可以提前算出来的,拿multiset模拟一下即可. 一般情况可以搞出这么一些式子: \[ atk_i\times x=a_i(\text{mod}\ ...

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

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

随机推荐

热门专题