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

随机推荐

实验一 Java开发环境的熟悉(Linux + Idea) 20175301李锦然
https://gitee.com/ShengHuoZaiDaXue/20175301.git 实验一 Java开发环境的熟悉(Linux + Idea) 实验内容 1.使用JDK编译.运行简单的Ja ...
UNIX域协议之描述符传递
一.mycat程序 #include <fcntl.h> #include <stdlib.h> #include <unistd.h> #define BUFFS ...
自适应rem.js
用rem.js来实现自适应屏幕大小,要注意border不用rem做单位代码如下: (function (doc, win) { //orientationchange : 判断手机是水平方向还是垂 ...
git 解决每次更新代码都要输入用户名密码的解决方案
使用git pull或者git push每次都需要输入用户名和密码很繁琐,耽误时间,现在教大家一条命令实现保存用户名和密码不用再输入 git config --global credential.he ...
HDOJ 6508 Problem I. Spell Boost （01背包/DP）
链接:http://acm.hdu.edu.cn/showproblem.php?pid=6508 题目: Problem Description Shadowverse is a funny car ...
selenium采用xpath方法识别页面元素
有些HTML页面中的元素中属性较少,经常有找不到id.class.name等常用属性的时候,这个时候xpath.css就能很好的识别到我们的元素. Firefox和chrome浏览器中均有xpath. ...
recurrent model for visual attention
paper url: https://papers.nips.cc/paper/5542-recurrent-models-of-visual-attention.pdf year: 2014 abs ...
爬虫解析库re,Beautifulsoup,
re模块点我回顾 Beautifulsoup模块 #安装 Beautiful Soup pip install beautifulsoup4 #安装解析器 Beautiful Soup支持Pytho ...
ftp和mysql数据库结合使用
问题描述: 看下 1.1.1.1 的ftp为什么连不上报错的信息: 'ftpServer' => '1.1.1.1', // FTP服务器地址 ', 'ftpUsername' => ' ...
vue 图片地址错误处理
<img src="/logo.png" :onerror="defaultImg"> data() { return { defaultImg: ...

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

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

随机推荐

热门专题