KanHai - Part 20

网球王子里喝蔬菜汁的样子

Popularity: 3% [?]

2008-07-20

Html学习日记3

其实，按照一些教程，包括w3school的教程，接下来应该是关于“实体”(w3school上是这么翻译的，其实简单的说就是怎样在网页里显示符号的问题。。。)，但是这一节主要是背。。。而且我的记忆力也不好，所以，只能拷贝一个表下来，然后用到的时候查一查了。熟能生巧，用多了就记住了。。。

链接的用法

<a href=”http://sparkzee.blogspot.com”>Sparkzee’s blog</a>就是一个简单的连接。具体的格式是：

<a href=”链接的地址”>显示的名字</a>

那么，上面的那个连接显示出来就是这个样子：

Sparkzee’s blog

扩展：你也可以通过嵌套<abbr>…</abbr>来实现当鼠标移到连接上显示相关的提示信息。

效果如下：

Sparkzee’s blog

源代码是：

<a href=”http://sparkzee.blogspot.com”><abbr title=”这是我的博客！”>Sparkzee’s blog</abbr></a>

Target 属性

使用 Target 属性，你可以定义被链接的文档在何处显示。如，

<a href=”http://sparkzee.blogspot.com” target=”_blank”>Sparkzee’s blog</a>

其中的“target=”_blank””表示将会把这个连接在新窗口打开。

锚标签和 Name 属性

简单的说，就是快速跳跃！Name 属性用于创建被命名的锚（named anchors）。当使用命名锚（named anchors）时，我们可以创建直接跳至页面中某个节的链接，这样使用者就无需不停的滚动页面来寻找他们需要的信息。
比如说我们将上面的Target 属性的name定义为target，源码为：

<a name=”target”>Target 属性</a>

而要跳到那里，则是:

<a href=”这个网页的最终网址#target”>你想显示的名字（如：进入Target 属性章节）</a>

当我们单击这里的target时，则会快速跳跃到那里。

基本的注意事项 – 有用的提示：

总是将正斜杠添加到子文件夹。假如你这样书写链接的话：href=”http://sparkzee.blogspot.com”，就会向服务器产生两次 HTTP 请求。这是因为服务器会添加正斜杠到这个地址，然后创建一个新的请求，就像这样：href=”http://sparkzee.blogspot.com/”

命名锚经常被用在长的文档中创建目录。可以为每个章节赋予一个命名锚，然后连接到这些锚的链接被置于文档的上部。

假如浏览器找不到已定义的命名锚，那么就会定位到文档的顶端。不会有错误发生。

创建发送邮件的链接：

点这里给我发邮件

源代码是：

<a href=”mailto:lohnzhang@gmail.com?subject=Hello%20again”>点这里给我发邮件</a>

注：上面的20%就是一个实体，他代表空格。它的实体是”&nbsp”。

Popularity: 1% [?]

2008-07-20

5个有趣的浏览器地址栏JavaScript代码

这又是一篇关于Javascript的文章，上一篇是10个可以用javascript实现的图片特效。这篇分享几个在地址栏实现的Javascript有趣效果和应用。能在浏览器地址栏实现的效果太多了，字体放大、显示所有图片、显示Cookie等等。但这篇文章重点放在“有趣”上面，当你无聊的时候，不妨玩玩。原文来自BlogOhBlog。

1、编辑网页

在地址栏输入下面的代码按enter，网页上所有元素都能变成可编辑状态，你可以移动、调整元素大小。如果你只是讨厌某个网站想发泄一下，我建议你使用NetDisater。

代码如下：

javascript:document.body.contentEditable=’true’; document.designMode=’on’; void 0

这是经我重新编辑的google.cn：

2、无敌风火轮

在地址栏运行下面的代码可使页面上所有图片元素一个接一个地转圈。

这种效果最好的实现地方就是图片搜索了：

改变代码里的“img”成任何网页上有的字符，可以使这些字符做无敌风火轮运动。

代码如下：

javascript:R=0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=300; y4=200; x5=300; y5=200; DI=document.getElementsByTagName(“img”); DIL=DI.length; function A(){for(i=0; i-DIL; i++){DIS=DI[ i ].style; DIS.position=’absolute’; DIS.left=(Math.sin(R*x1+i*x2+x3)*x4+x5)+”px”; DIS.top=(Math.cos(R*y1+i*y2+y3)*y4+y5)+”px”}R++}setInterval(‘A()’,5); void(0);

3、晃来晃去

不但是你，浏览器也不是那么喜欢这个javascript。在地址栏运行这个代码后，浏览器会迅速地晃来晃去。代码如下：

javascript:function flood(n) {if (self.moveBy) {for (i = 200; i > 0;i–){for (j = n; j > 0; j–) {self.moveBy(1,i); self.moveBy(i,0);self.moveBy(0,-i); self.moveBy(-i,0); } } }}flood(6);{ var inp = “D-X !msagro na dah tsuj resworb rouY”; var outp = “”; for (i = 0; i <= inp.length; i++) {outp =inp.charAt (i) + outp ; } alert(outp) ;}; reverse

如果这个代码无效，请将”>”改成”>”，”&It;’改成”<"。

4、计算器

在地址栏输入下面的代码，可以实现简单的四则运算：

javascript: alert(34343+3434-222);

事实上这个代码可以继续简化，比如简化成这样：

javascript: 34343+3434-222

5、防钓鱼验证

某些钓鱼网站提供的URL和网页本身的URL是不一致的，你可以用下面的代码进行验证，当两个URL相差太大的时候，你就要稍加小心了：

javascript:alert(“The actual URL is:tt” + location.protocol + “//” + location.hostname + “/” + “nThe address URL is:tt” + location.href + “n” + “nIf the server names do not match, this may be a spoof.”);

很有趣，不是吗？

Popularity: 3% [?]

2008-07-17

Html学习日记2

在W3school里，把这一部分叫做“属性”

就类似于文件的只读、系统、存档这样。

Html的属性，则是定义了Html的附加信息。

属性总是以名称/值对的形式出现，比如：name=”value”

属性总是在 HTML 元素的开始标签中规定。

就像：<h3 align=”center”>

<h3>代表此段文字的格式为标题3的格式。

align=”center”则是表示这个标题要剧中。

效果如下：

这里是标题3剧中

当然，你也可以让它左对齐或右对齐。

接下来是文字的缩写。

像把“重庆文理学院”缩写成“文理学院”，

就是当你把鼠标移到”重庆文理“上的时候，

它会显示出全称。

他的表达式是：

<abbr title=”重庆文理学院”>重庆文理</abbr>

显示效果如下（把鼠标移到字的上面）：

重庆文理

下面是改变文字的方向：

<bdo dir=”rtl”>

这段文字将从右向左显示

</bdo>

显示效果如下：

这段文字将从右向左显示

然后是删除线和下滑线：

del为删除线，ins为下划线。

输入下面的文本：


一打有<del>二十</del> <ins>十二</ins>件。


显示效果如下：

一打有二十十二件。

最后,是关于如何查看网页源代码的：

单击浏览器的“查看”菜单，选择“查看源文件”即可。随后你会看到一个弹出的窗口，窗口内就是实际的 HTML 代码。

今天就是这样。。。

貌似越来越懒了。。。

Popularity: 1% [?]

2008-07-17

WII、Xbox360、PS3之间的对话

WII：我销量榜第一
360：我销量榜第二
PS3：我有蓝光。。。。。。。

WII：我第一方大作强大乐趣无穷
360：我第三方作品繁荣华丽火爆
PS3：我有蓝光。。。。。。。

WII：怪物猎人3叛逃到我这里了
360：最终幻想13登录到我这里了
PS3：我有蓝光。。。。。。

WII：我男女老少皆宜玩家层众多
360：我作品高清火爆 E3大获全胜
PS3：我有蓝光。。。。。。

WII：我有任天堂的创意做后盾
360：我有微软的资金做后盾
PS3：我有蓝光。。。。。。

WII：我有盗碟不富裕的玩家5块钱就能买到游戏体会乐趣
360：我也是啊
PS3：我有蓝光。。。。。。

WII：PS3让我想到了N6-4，NGC
360：PS3让我想到了XBOX
PS3：我有蓝光。。。。。。

Popularity: 1% [?]

2008-07-17

男子十二乐坊- -||

雷人到暴。。。

Popularity: 1% [?]

2008-07-17

成长的烦恼-生活-快乐

最近迷上了成长的烦恼这个长达165集的美国情景喜剧。

从小到大，从天真到成熟，

每个人都在改变。

甚至自己都没有发现，

却听见周围的人说：

“你变了！”

没有谁会对成长烦恼吧。

只要能够自己找到乐趣吧。。。

“大人们”说成长充满了烦恼！

如果要感受到什么，

更需要自己去体会吧。

看着成长的烦恼，

想着自己是不是也做过那些雷人的事。

成长就是这样，

只要自己找到乐趣就好。

放轻松就好

Popularity: 1% [?]

2008-07-17

Html学习日记1

题外话：

山东的天气还是这么热。。。

虽然昨天才下了一场算是大的雨，但还是难以解除酷热的天气。

不知道什么时候开始，知了也叫上了。。。

哎，烦呀！

反正也不想去打工，干脆继续我的Html学习吧。

刚刚重新把它捡起来时，发现竟然忘得差不多了。

现在的这篇日志，就是用我仅能想到的Html写出的。

正文：

我学习这个语言，是完全按照W3School的教程来的。

它们的教程不错，从简到难，而且很全，面也很广。想到什么随时可以查，还有在线的实验室可以演示，非常不错。它的地址是(中文版)：http://www.w3school.com.cn/。有空的话可以去看看。

首先，当然是认识Html的基本结构。下面这段文本，就是一个简单的Html文件：

这是我的第一个网页

这段文字是加粗的！

(由于这个博客不支持”pre”格式，所以看到的是结果。。。要用“实体”来把那些符号转化出来。太痛苦了。。。。什么是“实体”？在后面的日记里会有说明，或者点击这里。)

说明：

在一个网页中，分了两个部分，分别是head、body，其中，head中又包括了title字段。

其中这两大部分都在html这个总的结构下。head表示头文件，这个在浏览器中是不显示的。而其中的title中的内容，这是浏览器标题栏中显示的内容。body里的内容，则是浏览器所显示的。我们看到的内容都是在body里。

在每一个字段里，都是用<>来表示，而且他们大多数是成对出现的。

由于这个博客不支持使用pre命令，而且即使实在“撰写”模式下输入的<>只要是成对出现的，也会有问题。。。。所以要用“实体”来把那些符号转化出来,但看起来不会有变化。

如： @@ 他们表示加粗，要加粗的文字，就是@@所代表的。

表示开始的符号，表示中止的符号。

也有单独一个出现的，像：<hr> ,他表示添加一个水平线。

这样，上面的那段简单的网页表示出来就是这样：

<html>

<head>

</head>

<body>

这是我的第一个网页。
这段文字是加粗的。

</body>

</html>

就是这样！

上面六个字是用JavaScript写成的~

别跟我说这个博客连JavaScript都不支持-_-||

我写的是今天就到这里。

Popularity: 2% [?]

2008-07-16

让人怀念的80后顺口溜

太阳当红照，花儿对我笑，小鸟说早早早，你为什么背上de-tona-tor包？
我去炸学校，老师不知道，拉了隐线我就跑，轰隆一声学校炸飞了！

星期天的早上白茫茫，捡破烂的老头排成行，pol.ice一指挥，冲进垃圾堆，破鞋子破袜子满天飞．．．

下雨下的大，北京来电话，让我去当兵，我还没长大。

两个小娃娃呀，一起打电话呀，喂，喂，喂，你在哪里呀
喂，喂，喂，我在幼儿园。

叮玲玲下课了，老师鼻子卡破了，上医院不给看，急的老师团团转

（黄安“鸳鸯蝴蝶梦”的调）
昨日你家发大水，你妈变成大乌龟，你爸变成鸟满天飞……（也不知道是哪个缺德孩子编的）

小皮球，皮又皮，马兰开花二十一，二五六，二五七，二八二九三十一，三五六三五七，三八三九四十一……

第一天我到河边去玩耍，丢了我的金娃娃，我哭啊哭啊还想哭
第二天我到河边去刷牙，找到了我的金娃娃，我笑啊笑啊还想笑
三天地主的老婆到我家，杀了我的鸡，杀了我的鸭，最后还给我一耳瓜
第四天红军叔叔到我家，还了我的鸡，还了我的鸭，最后还给我一朵大红花

12345
上山打老虎
老虎没打到
打到小松鼠
松鼠有几只
让我数一数

你打我我不怕我上北京找老大老大给我一把枪按你屁股打三枪

刀，是什么样的刀？金丝大环刀！
剑，是什么样的剑？闭月羞光剑！
招，是什么样的招？天地阴阳招！
人，是什么样的人？飞檐走壁的人！
情，是什么样的情？美女爱英雄！

大班长假积极脑袋扣个西瓜皮西瓜皮两半儿了大班长完蛋儿了

热蒸馍，蘸辣椒，您那边的谁来挑？挑谁？挑ＸＸ（谁谁）．谁谁不在家，挑您姊们仨…

小老鼠，爬灯台，偷油吃，下不来，抱猫来，吱呦，跑了了…

我承认都是馒头惹的祸，让我吃了又撑又胀有想上厕所．（月亮惹的祸）

烂沙果，一大堆，先尝后买别吃亏。
吃了亏，别怨我，谁叫你买我的烂沙果

XXX的屁
震天地
来到意大利~~~~
意大利的国王正在看戏
闻到这个屁
非常满意
谁放的响，当校长
谁放的臭，当教授
谁放的不响也不臭，说明谁的思想最落后
派了两个兵。
去追这个屁，
屁在天上飞，
人在地上追。

从前有座山，山里有座庙，庙里有个和尚叫XX
他讲的故事是：从前有座山，山里有座庙，庙里有个和尚叫XX….
XX的头,像皮球,百货大楼,卖皮球,一卖卖了个XX的头~
xx的头，像皮球，一滚滚到百货大楼，百货大楼有风扇，一吹吹到火车站，火车站有火车，给你轧个稀巴烂。

春眠不覺曉
處處蚊子咬
夜來發大水
房子沖沒了`

对不起,敬个礼.放个P,送给你.

别看你今天闹的欢，小心你将来拉青丹

黄鼠狼的屁震天地，透过蜘蛛网来到意大利，意大利的国王正在看戏，闻到这个屁很不满意，原来是个秘密武器。

老师老师你别生气，都怪xx不争气，抽烟喝酒跳霹雳，男女厕所都敢进。

小燕子，穿花衣，年年春天来这里.

太阳出来我荡秋千，荡完了秋千我荡电线，忽然来了一股电啊我被电到了阎王殿，我给阎王点根儿烟，阎王夸我是好少年，一年一年又一年啊，我终于回到了人世间。(大花轿)

东邪西毒欧阳峰，南帝北丐洪七公，傻郭靖娶黄蓉，美丽的公主是华筝。黄蓉郭靖武艺高，打败了西毒欧阳峰

在我心中老师对我最凶总是把我留到七八点钟
回到家中老爸对我最凶总是把我打得鼻青脸肿

风在吼马在叫你妈在咆哮你妈在咆哮..

砍头不要紧，只要把头缩，大刀一挥过，兴许还能活。

吃完饭,没事干
推着车,去磨面
磨完面,碰见理发师
理发师的技术高
不用剪子不用刀
一根一根往下耗(HAO)
耗的直发烧
下面记不清了还有

我从天上来
带着降落伞
降落伞没开
我要掉下来

小气包,买牙膏,买到半路摔一跤,送到医院去开刀,开得屁股满是刀

告状老板板,磨烂脚板板

你排一我排一一个小孩做飞机
你排二我排二俩个小孩梳小辫

上刀山，下刀山。炒菜炒菜，斗斗斗。炒萝卜，炒萝卜，啪啪啪。炒鸡蛋炒鸡蛋，漆漆漆。

太阳当红照，花儿对我笑，小鸟说早早早，你为什么背上de-tona-tor包？
我去炸学校，老师不知道，拉了隐线我就跑，轰隆一声学校炸飞了！

小白兔,白又白,两只耳朵竖起来,爱吃萝卜爱吃菜,蹦蹦跳跳真可爱

学习苦，学习累，学习还要交学费。
不如参加B社会，有吃有玩有地位。
还有美女陪你睡。

报告司令官，你的老婆在海湾
没有裤子穿。
捡了一块布，做了三角裤。

Popularity: 2% [?]

2008-07-15

1 ... 18 19 20 21 22

囚牛

网球王子里喝蔬菜汁的样子

Html学习日记3

链接的用法

基本的注意事项 – 有用的提示：

出师表——古文排版

5个有趣的浏览器地址栏JavaScript代码

Html学习日记2

这里是标题3剧中

WII、Xbox360、PS3之间的对话

男子十二乐坊- -||

成长的烦恼-生活-快乐

放轻松就好

Html学习日记1

正文：

说明：

让人怀念的80后顺口溜