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

随机推荐

Python——使用高德API获取POI（以深圳南山医疗保健服务POI为例）
以下内容为原创,转载请注明出处. import xlwt #创建Excel,见代码行8,9,11,25,28:CMD下:运行pip install xlwt进行安装 import urllib.req ...
虚拟机14安装kail Linux
需要准备虚拟机和kail Linux镜像 1. 2.选择镜像安装,并且添加你的kail Linux镜像文件. 3. 4.在这里需要修改虚拟机名称,也可以不修改就用默认,然后在修改kail Linux的 ...
import模块/包--软件开发规范
一. 模块模块:就是一个包含了python定义和声明的文件,文件名就是模块名字加上.py的后缀. import加载的模块分为四个通用类别: 1 使用python编写的代码(.py文件) 2 已被编译 ...
JAVA的抽象类和接口
抽象类在面向对象的概念中,所有的对象都是通过类来描述的,但是反过来,并不是所有的类都是用来描述对象的,如果一个类中没有包含足够的信息来描绘一个具体的对象,这样的类就是抽象类. 抽象类除了不能实例化对 ...
Acitivity(活动)
1.首先活动是放在返回栈中. 2.活动的生命周期
java学习笔记05-运算符
算数运算符 +:相加 -:相减 *:相乘 /:相除 %:取余 ++:自增 --:自减 public static void main(String[] args) { int i = 10; int ...
vmware克隆虚拟机后无法联网
1.基础知识: 就算是克隆的系统,但是由于物理地址改变了,导致rules文件进行了重新绑定网卡会从eth0变成eth1(逐渐+1),而且mac地址和uuid也会有变化. 2.解决方法: 2.1编辑e ...
导出pip安装的所有放入一个文件中，并把通过这个安装所有的包
导出pip安装的所有的包: pip freeze > piplist.txt 在新的环境中安装导出的包 pip install -r piplist.txt
selenium截图
文件结构 1.DateUtil.py # cncoding = utf-8 import time from datetime import datetime ''' 本文件主要用于获取当前的日期以及 ...
java----SVN
下载SVN server 安装服务器,注意需要配置端口和本地仓库 https://www.visualsvn.com/server/download/ 下载SVN client https://tor ...

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

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

随机推荐

热门专题