一年前的很水的渣网页(第一次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>
|
<a href="website/picture.html" title="Some funny picture" >Picture</a>
|
<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="资料来源" > ©暴走漫画 </a>
<a href="mailto:188380780@qq.com" title="Email me">♥Email me♥</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" > ↑top </a>
<br />
<a href="../index.html" > «back </a>
<br />
<a href="video.html" > ♦video </a>
<br />
<a href="picture.html" > ♦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» </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="段子资料来源" > ©暴走漫画 </a>
<a href="mailto:188380780@qq.com" title="Email me">♥Email me♥</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" > «back </a>
<br />
<a href="joke.html" > ♦joke </a>
<br />
<a href="video.html" > ♦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>
<a href="http://baozoumanhua.com/qutu" target="_blank"> more» </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="图片资料来源" > ©暴走漫画 </a>
<a href="mailto:188380780@qq.com" title="Email me">♥Email me♥</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" > «back </a>
<br />
<a href="joke.html" > ♦joke </a>
<br />
<a href="picture.html" > ♦picture </a>
</table>
</div>
<h1>急招!暴走人事部启动一级人才战略储备 15 【暴走大事件第五季】</h1>
<div id="ri">
<a href="http://baozoumanhua.com/videos" target="_blank" > more» </a>
</div>
<video src="../video/bzmh.mp4" controls="controls" >
Can not play video!
</video>
<hr />
<footer>
资料来源:
<a href="http://baozoumanhua.com/" target="_blank" title="视频资料来源" > ©暴走漫画 </a>
<a href="mailto:188380780@qq.com" title="Email me">♥Email me♥</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: ...
随机推荐
- 视频显著性检测-----Predicting Video Saliency using Object-to-Motion CNN and Two-layer Convolutional LSTM
帧内显著性检测: 将卷积网络的多层特征进行组合通过unsampling 得到粗显著性预测: 帧间显著性检测: (粗检测结果+新卷积网络的特征图,最后+之前卷积网络的卷积特征输入到LSTM中)进行预测. ...
- golang _下划线占位符代替需要释放的资源的问题
golang中_有两种作用,一种用在import中,比如这样 import _ "github.com/go-sql-driver/mysql" 表示并不需要导入整个包,只是执行这 ...
- 同一台电脑同时装jdk1.8和jdk1.7
因为之前安装的eclipse版本要求JDK1.8或以上的版本,但在搭建SSH框架的时候老是报错,又找不到2错误源.老师建议换个低版本的jdk.所以jdk版本需要降级. 但降级以后就不能打开eclips ...
- 有效使用django的queset
转载自https://www.oschina.net/translate/django-querysets 对象关系映射 (ORM) 使得与SQL数据库交互更为简单,不过也被认为效率不高,比原始的SQ ...
- ubuntu16.04 安装vscode
1.通过官方PPA安装Ubuntu make sudo add-apt-repository ppa:ubuntu-desktop/ubuntu-make sudo apt-get update su ...
- 【转】一文掌握 Linux 性能分析之内存篇
[转]一文掌握 Linux 性能分析之内存篇 前面我们已经学习了 CPU 篇,这篇来看下内存篇. 01 内存信息 同样在分析内存之前,我们得知到怎么查看系统内存信息,有以下几种方法. 1.1 /pro ...
- jmeter创建时间函数
固定格式的年月日 ${__time(yyyyMMdd,)} 20151214 //返回年月日 ${__time(HHmmss,)} 092816 //返回时分秒 ${__time(yyyyMMdd-H ...
- ansible-plabybook 常用的有用的命令
ansible-plabybook 常用的有用的命令 ansible-playbook常用的非常有用的参数有: -C ,大写c ,这个命令的意思就是模拟执行,会告诉你跑完这个playbook会发生什么 ...
- [SDOI2009]HH的项链-树状数组/线段树
树状数组: #include<bits/stdc++.h> using namespace std; ; int id[maxn],tree[maxn],vis[maxn],num[max ...
- 从头开始学gradle【各系统安装gradle】
所有的环境都是基于jdk1.8 java -version windows安装 下载对应的gradle.zip安装包,解压到指定文件即可,然后配置相应的环境变量即可使用 linux/mac 安装 mk ...