奇想录 www.qixianglu.cn: 2007/05/27

制造精灵

!! PLEASE READ !!

The following statement was issued by Dan Baines on 1st April 2007 -

Dear All

Thank you for the interest you have shown in my story.

Even if you believe in fairies, as I personally do, there will always have been an element of doubt in your mind that would suggest the remains are a hoax. However, the magic created by the possibility of the fairy being real is something you will remember for the rest of your life.

Alas the fairy is fake but my interest and belief has allowed me to create a work of art that is convincing and magical. I was also interested to see if fairy folklore is still a valid belief in modern society and I am pleased to say that yes it is! I have had more response from believers than I ever thought possible.

As well as an artist I am also a magician and you have been my fantastic audience. That spark of magic ignited your imagination and made your day more memorable and exciting.

I believe fairies to be Earth spirits rather than physical beings so my performance was slightly flawed. The question stills begs to answered though, are they made of flesh and blood like you and I?

I hope you have not been offended by the events of the past few days but if you are I sincerely apologise. It took 50 years for the Cottingley fairies to be revealed as a hoax; at least you've only had to endure a few days of mystery.

I will be adding a section to by website to document the Derbyshire Fairy, please let me know if you'd like to be updated.

Kind Regards

Dan

!! MORE NEWS !!

//Dead Fairy Seeks New Home!\\

Now the Derbyshire Fairy story has died down it's time to part with my beautiful creation.

I will be making more but as they are pieces or art rather than magic tricks I have chosen to auction her. As with most art, the piece is only worth as much as somebody is willing to pay for it hence the auction. I could keep her but there are more where she came from and it's about time somebody else enjoyed her company.

Here's the link -

http://cgi.ebay.co.uk/ws/eBayISAPI.dll?ViewItem&ih=005&sspagename=STRK%3AMESE%3AIT&viewitem=&item=150107258059&rd=1&rd=1

As a mummified fairy has never been listed on eBay before it will be interesting to see what she makes! Even if you don't bid it will be an interesting 7 days to see what she makes.

The proceeds will go towards setting up the new website www.SecretOfTheHollowHills.co.uk which will document the full fairy story and feature new fairy creations and stories from anyone wanting to submit them. You'll also be able to order fairies from me.

I just hope she makes enough to cover my website's exceeded bandwidth costs! Over 20,000 hits in 24 hours was a shock! Oh well, you live and learn!

Regards and keep believing!

Dan--

最新奇有趣的新技术、科幻、社会学信息：
http://www.qixianglu.cn
订阅本博客：
http://feeds.feedburner.com/woodphone
教育网BT下载博客
http://4renminbi.com/edubt
forcode科幻小说《抽水马桶的秘密》：
http://www.cmfu.com/showbook.asp?Bl_id=60008

标签：科幻奇幻

你所看到的未必真实

加拿大麦肯广告最近做了一个非常有意思的项目——The Science Alberta Foundation（阿尔伯达科学基金会）。它是一个非营利组织，致力于提高科学素养和意识。在这个广告案例中，他们表现出了一个事实："你所看到的未必真实，很多事情需要你仔细观察才会发现，原来还有其他细节没有让人知晓"

他们拍摄了一张无人在候车亭的照片，然后将它贴在公共车站的侧边广告位上。如果人们不仔细看就会以为里面没有人，一旦走近之后才会发现，原来一切都是假象。

善意提醒：请不要将这个创意用来愚弄他人，也不要将类似的创意图片贴在公共汽车过来的方向，否则会让很多人走路或打的回家，也会让很多巴士公司接到投诉电话，还会让司机蒙受不白之冤... ...
--
最新奇有趣的新技术、科幻、社会学信息：
http://www.qixianglu.cn
订阅本博客：
http://feeds.feedburner.com/woodphone
教育网BT下载博客
http://4renminbi.com/edubt
forcode科幻小说《抽水马桶的秘密》：
http://www.cmfu.com/showbook.asp?Bl_id=60008

标签：科学探索

900公斤巨猪

今报讯"它简直像牛一样大！"一个小伙子惊奇地说。"它是大象吗？"一个六七岁的
小女孩问她的妈妈。其实，它是一头猪。
　　昨天，在位于沈阳的辽宁农业展览馆举行的"2004东北(沈阳)国际高新农业生产资
料交易会"上，一头被称做"天下第一猪"的900公斤巨猪的标本首次公开亮相，吸引
了众多好奇的沈城市民参观。
　　巨猪标本
　　在八号展厅内，一个长2.5米、高1米的特大猪标本展现在参观者的面前，它全身长
满长毛，大耳朵遮住了眼睛，长獠牙向外突起，身旁的说明牌标示了它的与众不同——
"天下第一猪"。"这头猪重900公斤，远远超过上海的一头人们认为很重的700公斤的
猪。它的重量是目前全国的最高纪录。"辽宁大学生命科学系刘明玉教授说。
　　据称，这个猪标本也是做成标本的猪里最大的一个，已申报猪标本吉尼斯世界纪
录，很可能入选。
　　"这头猪吃什么长得这么大？""这头猪养了多少年？"特大猪标本吸引了众多参
观者的眼球，人们将饲养这头猪的瓦房店市松树镇庄口村徐屯的徐长金团团围住，好奇
地问这问那。
　　巨猪食谱
　　今年72岁的老徐身材瘦小，他伸开双臂也没法抱拢他亲手养大的猪，他笑眯眯地拿
着一本翻得破旧的《快速养猪法》说，按老祖宗一把糠一把糟的养法养不大猪，他是按
照"科学"来，一般给猪吃精料、玉米、豆饼等。这头猪一天要吃四公斤玉米面，这五
年投在它身上的钱大约有8000元。因为猪太大，在猪圈里转不开身，他就把猪养在屋
里，还一天两次地领这头温顺的猪出外"散步"。当别人问老徐愿不愿意受聘养猪时，
老徐说不愿意，还是自己养猪比较自由。
　　这头特大猪怎么会长到900公斤呢？刘明玉教授分析说，这头猪属于长白猪为父
本、梅山猪为母本杂交而成的品种，有杂交优势，另外，猪的主人精心饲养以及生长年
限较长都是猪长得大的原因。刘教授用了五天时间把这头猪做成了标本，猪身上的肉装
满了一辆小汽车。
　　巨猪身世
　　1999年4月25日，老徐从集市上买了六头小猪崽，经过近一年的饲养，五头小猪都
到了出栏的分量，可第六头猪却没什么长进。于是老徐绝了卖这头猪的想法，用自己捡
破烂儿的钱给这头猪吃起了"小灶"，还把它当成了"宠物"。在五年中，这头猪的体
重以每年数百公斤的速度增长，到2004年2月5日死去的那天，它的重量已经超过900公
斤。--
最新奇有趣的新技术、科幻、社会学信息：
http://www.qixianglu.cn
订阅本博客：
http://feeds.feedburner.com/woodphone
教育网BT下载博客
http://4renminbi.com/edubt
forcode科幻小说《抽水马桶的秘密》：
http://www.cmfu.com/showbook.asp?Bl_id=60008

标签：有趣的东西

巨猪

古生物中的巨猪并不是泛指"巨大的猪"，它特指一类动物。它们是猪形亚目古猪下目早期演化的一个旁支，出现于始新世中期，在渐新世时繁荣一时，随即便在中新世绝灭了。象猪下目中身体同样巨大的库班猪等，是不能被称为"巨猪"的。巨猪，过去的中文名称多做"豨"。所谓豨，是古代传说中的一种巨大的猪，后羿射杀的诸多怪物中就有"封豨"。不过人类是见不到真正的豨的，它们早在南方古猿时代之前就灭绝了。在比较短的时间内，巨猪们的体型发展到野牛那么大，故有"巨猪"之称。它们除个体巨大外，头骨占身体的比例在哺乳动物中可以算非常大，构造很特别，在颧弧前外侧，下颌骨结合部之下，水平枝下外一对长大的骨质突起（现代疣猪的突起是在眼下），而在它们的下颌侧部，也有一些奇怪的突起，头部其他地方也往往布满这样的"骨瘤"。四肢比例比现代的猪和西猯都要较长，而且比较粗壮，前肢长于后肢。侧趾退化为二趾，但可以看出第二趾和第五趾的痕迹。牙齿都相当大齿式完全，犬齿很大，有齿缺发育。上、下臼齿均为方形，各具四个锥形齿尖。生活在渐新世北美和欧亚。
现代疣猪巨猪最早的家乡就是我国云南，最早的成员云南始巨猪（Eoentelodon yunnanense）就出土于云南路南晚始新统地层，和它们在一起生活的动物，有许多种早期雷兽。它们个体较小，头骨和下颌骨的骨质突起也小。下前臼齿较小，下臼齿附尖发达。因此从其大小和特征来看Eoentelodon为古猪类最原始的代表。始巨猪类在我国分布广泛，我国宁夏灵武和内蒙乌兰察布盟渐新统（清水营组）都有发现，在当时是一类比较成功的动物。巨猪科Entelodontidae中比较著名的有 Archaeotherium(古巨猪)，Dinohyus（恐猪）,Entelodon（完齿兽）和Eoentelodon（始巨猪）等属。还有一些分类不明的亲戚，比如始新世的Cebochoerus，有人认为它和早期的始巨猪有关，把它归入"巨猪超科"，也有观点认为它和河马有关，根本不是这一类的。下为Cebochoerus（下？）颌完齿兽作为BBC的明星，受到了更多的关注。它分布很广，在蒙古和美国都有化石发现。它的额部比其他的巨猪要更低平，显示它们的脑量与本科亲戚相比也是小得可怜的。另外，它们的吻部也更细长，整个巨大头颅的三分之二就是那张嘴了。完齿兽头骨古巨猪生活在3500万年前渐新世的北美洲西部。它体型类似奶牛，肩高5英尺，后颈部的棘突发达，很有可能具有西班牙斗牛那样的"肉丘"。最著名的化石恐怕就是被古飙捕食的那具了，猎猫类虽然在捕猎技巧和效率上比古老的肉齿目动物要优秀许多，但古飙毕竟不是和古巨猪一个"重量级"的选手。所以这显示出巨猪类也并不是想象中那么强大的动物（参见血花刀剪兄《剑齿王朝》）。因此我也比较怀疑完齿兽能不能像在BBC中那样轻松对峙巨豺齿兽，特别是巨豺齿兽有可能是成群。
恐猪的体型比古巨猪还大一些，其余的身体特征比较类似。它生活在2100万年前的早中新世美国内布拉斯加，和当时的一些马类、驼类、达福兽类等共同奔跑在草原上。它们已是巨猪类最后的辉煌，足有野牛那么大，是当时草原上的庞然大物。恐猪头骨、复原图、比例图、模型（植被明显是干旱草原）巨猪有可能是小群活动的，因为它们的现代亲戚，包括河马，都往往是小群或家庭生活的。另外，完齿兽的头骨上往往留下一些被认为是同类打斗留下的伤痕，说明他们与同类是经常接触的，好在它们结实的头骨使得这样的打斗一般不会具有太大的危险性。这也从侧面证明他们不大可能是一些杀手，因为这样庞大的家伙，如果以猎杀为主的话，结群反而会影响效率。过去一般倾向巨猪是杂食动物。但在BBC的与兽同行中，完齿兽被描写成了可怕的杀手。许多新近的观点也认为巨猪是主动猎食的动物，因为巨猪有足以压碎骨头的巨大牙齿。他们认为巨猪的捕猎方法基本就是冲上去，然后咬一口。巨猪的前肢虽然有力，但蹄子显然不适合用来扑倒或捉住猎物。但是，从头骨看，巨猪能在身体两侧形成宽广的视野，视线却是无法重叠的，不能在前进方向形成完整视野，显然有利于防御而不是捕食。另外，它们巨大的牙齿也有可能是为了适应干旱地区粗硬植物而发生的特化。因此本人比较倾向于他们像现代的野猪和西猯一样，是以植物为主的杂食，当然，不会放弃任何补充动物蛋白的机会，无论是腐尸还是能捉到的弱小猎物。它们像推土机一样扫荡自己能找到的任何食物，为自己硕大的身体寻找足够多的能量。不想猜测巨猪类灭绝的原因了，生物的灭绝有时候是很没有"道理"的。巨猪和雷兽差不多，都是迅速适应所在生态的物种，所以盛极一时，但都是在自己的进化顶峰迅速衰落。然而，巨猪的衰落并不是因为它们所适应的生态环境——草原面积的减少，相反中新世的草原比渐新世还要扩大。当然，比起其他有蹄类类，巨猪的劣势是脑量显然是小很多，完齿兽这样的庞然大物，脑子的体积居然和橘子差不多。与之相反，现代的猪类，几乎可以算是最聪明的有蹄动物了。总之，这样一些奇怪"可怖"的动物，在北半球广泛生活过，现在留下一些化石，供专家们研究，供我们这些古生物发烧友评说。--
最新奇有趣的新技术、科幻、社会学信息：
http://www.qixianglu.cn
订阅本博客：
http://feeds.feedburner.com/woodphone
教育网BT下载博客
http://4renminbi.com/edubt
forcode科幻小说《抽水马桶的秘密》：
http://www.cmfu.com/showbook.asp?Bl_id=60008

标签：有趣的东西

千斤巨猪

Sent to you by forcode via Google Reader:

千斤巨猪

via 煎蛋 by Zuofei on May 26, 2007

美国阿拉巴马州一位 11 岁的小孩，用手枪打死了一头可能是世界上最大的野猪。

这头猪重达 1051 磅（约一千市斤），从嘴尖到尾巴长 9 英尺 4 英寸（三米左右），腿的直径就有一个轮胎那么大。

这名小孩在老爸的协助下，对着巨猪开了八枪，在茂密的山林里追了三个小时，才最终给了它致命一枪。为了把战利品从林子里弄出来，狩猎区的工作人员出动了一台挖土机，还砍掉了不少挡路的树木。

几年前，美国有一头被称为"猪斯拉"的巨猪在美国乔治亚州南部的原野游荡，后来被也被人开枪打死。枪手把照片发到网上，引发大讨论，很多人认为照片是经过 PS 处理的假照片。《美国国家地理》专门出动记者团，制作了一期节目，把"猪斯拉"的骸骨挖出来。经专家确认，"猪斯拉"可能重达 800 磅。

不过和这次报道的猪相比，"猪斯拉"也只能算老二了。小孩老爸说，猪肉会拿来做香肠。我去看了看他专门给他儿子做的网站，发现香肠已经被抢光了。

点这里有大图，除了那头可怜的猪之外，那父子俩的模样也非常地像沙僧的二师兄。

另外，推荐大家再看看另一条关于猪的新闻。这年头，连猪都不太平。

链接 | 来源

Things you can do from here:

Visit the original item on 煎蛋
Subscribe to 煎蛋 using Google Reader
Get started using Google Reader to easily keep up with all all your favorite sites

标签：有趣的东西

用HTML和CSS写出漂亮正规的BLOG

正确使用a标签

超链接是blog中用的最多的html标签，它用来链接到其他的文章或者站点链接，建议大家用a标签时将下列属性都添加上：

href：设置链接的url地址或锚点
target：设置鼠标点击链接后的目标窗口或框架页面，一般常用的是target="_blank"，表示新开一个窗口打开链接，向在当前页面打开链接就不用加这个属性了
title：设置鼠标移动到链接上时显示的提示信息
rel：这个是最近才开始流行的新属性。rel="nofollow"表示禁止搜索引擎从这个站点链接过去而造成链接网址的pagerank值变化，常用来防止spam link；rel="tag"这是为 technorati设置让其以这个链接的文字作为该页面的tag标记

示例：<a href=http://blog.bxjie.net/ target="_blank" title="庙街12少的blog" rel="nofollow">庙街十二少</a>
显示：庙街十二少

文章中的链接不可过多，太多的链接会让读者阅读时有压抑感和紧张感，如果链接的颜色和文本颜色反差过大，也会让人看起来有眼花缭乱的感觉。最好的链接效果是淡淡的颜色反差或加上下划线，并填写title属性，标明这个链接的内容是什么或者为什么要链接。有时候也可以在文章末尾列表的方式附上本文相关的链接并加以注释。

养成文章分段的好习惯

写blog不可能像古龙小说那样一句话一个段落，所以按照学生时代老师所教的写作风格写blog是毫无争议的。建议用p标签给文章分段，代码如是：<p>文章正文</p>。
值得一提的是很多blogger都没有首行缩进的习惯，有的最多也是在编辑器下敲几个空格，这里给出用css的text-indent 属性实现的首行缩进代码：<p style="text-indent:2em;">文章正文</p>，缩进单位我用的2em，表示两个汉字，勿用百分比或者px， pt等其他单位长度，用em可以在页面字体和版式缩放的情况下保持两个汉字的缩进。
对于一些喜欢在文章中挂上图片的blogger在这里我推荐用img标签的align属性设置为left或right就可以轻松实现图片的悬挂和正文的绕排。也可以用div标签的float属性来进行左右的悬挂实现 文字环绕，更棒的是可以实现如Google Adsense广告的左右悬挂，代码： <div style="height:100%;width:150px;float:right;">这里可以放图片链接，或者像国外的blog那样放入google adsense代码</div>。

用list进行列表，用line-height设置行高

用样式表list的<ul><ol><li>等标签进行一些子标题条目的罗列，代码：<ul><li>问题一</li><li>问题二</li></ul>
正文字体大小可按个人喜爱设置，我一般用的是blog系统默认的(13pt, 宋体和courier new)，如果正文需要一段大字体时而你的文字出现过大而堆砌，可在段落的<p>上加上样式：line-height:120%;这表示行高是字体的1.2倍

超长正文的排版技巧

虽然我们在写blog时都知道文章最好是短小精悍为佳，但也避免不了一些特殊性质的文章需要长篇幅，这个时候建议你用<h1>< h2>...<h6>等不同级别设置子标题，并且在文章顶部用<dir><dl><dt> <dd>这四个定义列表标签，显示的效果就如同word中的目录/索引那种样式，这样可增加文章的阅读性和条理性，微软的MSDN里的很多文章都是这样进行编排。要想实现链接跳转功能可用<a name="">这个锚点标签修饰具体的子标题实现，代码： <a name="list1"><h1>标题一</h1></a>

其他一些在日志中常用的html

引用他人文章的片段推荐用<blockquote>标签，这个标签可以自动实现页面左右两端的缩排，一般默认缩排40像素，例如：<blockquote style="background-color:#f7f7f7;border:1px dotted #dedbde;padding:10px;">这是一个引用样式的例子</blockquote>
显示：

这是一个引用样式的例子
字体的html代码大家可能相对熟悉些，如加粗用<b>、斜体用<i>、下划线用<u>、字体颜色大小等用<font>，你也可以用<span style="">的方式或许更方便和更美观，代码：<span style="font-weight:bold;font-style:italic;text-decoration:underline;font-color:blue;">加粗、斜体、下划线、蓝色字体</span>
想实现正文显示html代码的最简单的方法就是加入<xmp>标签，如：<xmp><a href="http://www.bxjie.net/">步行街</a></xmp>

10月5日

基本HTML代码一览

总类（所有HTML文件都有的）

文件类型
<HTML></HTML> （放在档案的开头与结尾）
文件主题
<TITLE></TITLE> （必须放在「文头」区块内）
文头
<HEAD></HEAD>（描述性资料，像是「主题」）
文体
<BODY></BODY> （文件本体）
结构性定义（由浏览器控制的显示风格）

标题
<H></H> （从1到6，有六层选择）
3.0 标题的对齐
<HALIGN=LEFT|CENTER|RIGHT></H>
3.0 区分
<DIV></DIV>
3.0 区分的对齐
<DIV ALIGN=LEFT|RIGHT|CENTER|JUSTIFY></DIV>
引文区块
<BLOCKQUOTE></BLOCKQUOTE> （通常会内缩）
强调 <EM></EM>（通常会以斜体显示）
特别强调 <STRONG></STRONG> （通常会以加粗显示）
引文 <CITE></CITE> （通常会以斜体显示）
码 <CODE></CODE>（显示原始码之用）
样本 <SAMP></SAMP>
键盘输入 <KBD></KBD>
变数 <VAR></VAR>
定义 <DFN></DFN> （有些浏览器不提供）
地址 <ADDRESS></ADDRESS>
3.0 大字 <BIG></BIG>
3.0小字 <SMALL></SMALL>
与外观相关的标签（作者自订的表现方式）

加粗 <B></B>
斜体 <I></I>
3.0 底线 <U></U>（尚有些浏览器不提供）
3.0 删除线 <S></S> （尚有些浏览器不提供）
3.0 下标 <SUB></SUB>
3.0 上标 <SUP></SUP>
打字机体<TT></TT> （用单空格字型显示）
预定格式 <PRE></PRE>（保留文件中空格的大小）
预定格式的宽度 <PRE WIDTH= ></PRE>（以字元计算）
N1.0+ 向中看齐 <CENTER></CENTER> （文字与图片都可以）
N1.0闪耀 <BLINK></BLINK> （有史以来最被嘲弄的标签）
N1.0 字体大小<FONT SIZE= ></FONT>（从1到7）
N1.0 改变字体大小 <FONT SIZE=+|- ></FONT>
N1.0 基本字体大小 <BASEFONT SIZE= > （从1到7; 内定为3）
N2.0 字体颜色<FONT COLOR="#$$$$$$"></FONT>
连结与图形

连结
<A HREF="URL"></A>
连结到锚点 <A HREF="URL#***"></A>（如果锚点在另一个档案）
<A HREF="#***"></A> （如果锚点目前的档案）
N2.0 连结到目的视框<A HREF="URL" TARGET="***"></A>
设定锚点<A NAME="***"></A>
图形 <IMG SRC="URL">
图形看齐方式
<IMG SRC="URL" ALIGN=TOP|BOTTOM|MIDDLE>
N1.0图形看齐方式
<IMG SRC="URL" ALIGN=LEFT|RIGHT|TEXTTOP|ABSMIDDLE|BASELINE|ABSBOTTOM>
取代文字
<IMG SRC="URL" ALT="***"> （如果没有办法显示图形则显示此文字）
点选图 <IMG SRC="URL" ISMAP> （需要CGI程式）
N2.0 点选图<IMG SRC="URL" USEMAP="URL">
N2.0 地图 <MAPNAME="***"></MAP>（描述地图）
N2.0 段落 <AREA SHAPE="RECT"COORDS=",,," HREF="URL"|NOHREF>
3.0 大小 <IMGSRC="URL" WIDTH=" " HEIGHT=" ">（以pixels为单位）
N1.0 图形边缘 <IMG SRC="URL" BORDER= > （以pixels为单位）
N1.0 图形边缘空间 <IMG SRC="URL" HSPACE= VSPACE= > （以pixels为单位）
N1.0 低解析度图形 <IMG SRC="URL" LOWSRC="URL">
N1.1 用户端拉 <META HTTP-EQUIV="Refresh" CONTENT=" ;URL=URL">（使用端自动更新）
N2.0 内嵌物件 <EMBED SRC="URL">（将物件插入页面）
N2.0 内嵌物件大小 <EMBED SRC="URL" WIDTH=" "HEIGHT=" ">
分隔

段落 <P> （通常是两个return） 3.0 段落 <P></P> （新定义成容器型标签）3.0 文字看齐方式 <P
ALIGN=LEFT|CENTER|RIGHT></P> 换行 <BR>（一个return） N1.0 文字部份看齐方式<BR
CLEAR=LEFT|RIGHT|ALL>（与图形合用时）横线 <HR> N1.0 横线对齐 <HR
ALIGN=LEFT|RIGHT|CENTER> N1.0 横线厚度<HR SIZE= > （以pixels为单位） N1.0 横线宽度 <HR
WIDTH= > （以pixels为单位）N1.0 横线比率宽度 <HR WIDTH=%> （以页宽为100%） N1.0 实线
<HRNOSHADE> （没有立体效果） N1.0 不可换行 <NOBR></NOBR> （不换行） N1.0 可换行处 <WBR>
（如果需要，可在此断行）
列举（可以巢状列举）

无次序式列举 <UL><LI></UL> （<LI> 放在每一项前）N1.0 公布式列举 <UL
TYPE=DISC|CIRCLE|SQUARE>（定义全部的列举项）<LI
TYPE=DISC|CIRCLE|SQUARE>（定义这个及其后的列举项）有次序式列举<OL><LI></OL> （<LI> 放在每一项前）
N1.0 数标型态<OL TYPE=A|a|I|i|1> （定义全部的列举项）
<LI TYPE=A|a|I|i|1>（定义这个及其后的列举项）
N1.0 起始数字
<OL VALUE= > （定义全部的列举项）
<LI VALUE= > （定义这个及其后的列举项）
定义式列举 <DL><DT><DD></DL>（<DT>项目,<DD>定义）表单式列举 <MENU><LI></MENU>（<LI>放在每一项前）
目录式列举 <DIR><LI></DIR> （<LI>放在每一项前）
背景与颜色

3.0 重复排列的背景 <BODY BACKGROUND="URL">
N1.1+ 背景颜色<BODY BGCOLOR="#$$$$$$"> （依序为红、绿、蓝）
N1.1+ 文字颜色<BODY TEXT="#$$$$$$">
N1.1+ 连结颜色 <BODY LINK="#$$$$$$">
N1.1+ 看过的连结 <BODY VLINK="#$$$$$$">
N1.1 使用中的连结<BODY ALINK="#$$$$$$">
特殊字元（以下标签需用小写）

特别符号 &# ; （其中代表 ISO 8859-1 的编码）
< < >> & & " "
注册商标TM ®
N1.0+注册商标TM ®
著作权符号 ©
N1.0+ 著作权符号 ©
表单（通常需要与CGI程式配合）

定义表单 <FORM ACTION="URL" METHOD=GET|POST></FORM>
N2.0 上传档案 <FORM ENCTYPE="multipart/form-data></FORM>
输入栏位 <INPUT TYPE="TEXT|PASSWORD|CHECKBOX|RADIO|IMAGE|HIDDEN|SUBMIT|RESET">
栏位名称 <INPUT NAME="***">
栏位内定值 <INPUT VALUE="***">
已选定 <INPUT CHECKED> （适用於checkboxes与 radio boxes）
栏位宽度<INPUT SIZE= > （以字元数为单位）
最长字数 <INPUT MAXLENGTH= >（以字元数为单位）
下拉式选单 <SE/LECT></SE/LECT> (去掉SE后的/)
下拉式选单名称<SE/LECT NAME="***"></SE/LECT> (去掉SE后的/)
选单项目数量 <SE/LECT SIZE= ></SE/LECT>
多选式选单 <SE/LECT MULTIPLE> （多选）
选项<OPTION>
内定选项 <OPTION SELECTED>
文字输入区 <TEXTAREAROWS= COLS= ></TEXTAREA>
输入区名称 <TEXTAREA NAME="***"></TEXTAREA>
N2.0 输入区换行方式
<TEXTAREA WRAP=OFF|VIRTUAL|PHYSICAL></TEXTAREA>
表格

3.0 定义表格 <TABLE></TABLE>
3.0 表格框线 <TABLE BORDER></TABLE>（有或没有）
N1.1 表格框线 <TABLE BORDER= ></TABLE>（可以设定数值）
N1.1 储存格左右留白 <TABLE CELLSPACING= >
N1.1 储存格上下留白 <TABLECELLPADDING= >
N1.1 表格宽度 <TABLE WIDTH= > （以pixels为单位）
N1.1 宽度比率 <TABLE WIDTH=%> （页宽为100%）
3.0 表格列 <TR></TR>
3.0 表格列内容看齐 <TR ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM>
3.0 储存格 <TD></TD> （须与列并用）
3.0 储存格内容看齐 <TDALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM>
3.0 不换行 <TDNOWRAP>
N3.0 储存格背景颜色 <TD BGCOLOR=#$$$$$$>
3.0 储存格横向连接<TD COLSPAN= >
3.0 储存格纵向连接 <TD ROWSPAN= >
N1.1 储存格宽度<TD WIDTH= > （以pixels为单位）
N1.1 储存格宽度比率 <TD WIDTH=%>（页宽为100%）
3.0 表格标题 <TH></TH> （跟<TD>一样，不过会对中并加粗）
3.0 表格标题对齐 <TH ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM>
3.0 表格标题不换行 <TH NOWRAP>
3.0 表格标题占几栏 <TH COLSPAN= >
3.0 表格标题占几列 <TH ROWSPAN= >
N1.1 表格标题宽度 <TH WIDTH= >（以pixels为单位）
N1.1 表格标题比率宽度<TH WIDTH=%> （页宽为100%）
3.0 表格抬头 <CAPTION></CAPTION>
3.0 表格抬头看齐 <CAPTIONALIGN=TOP|BOTTOM>（在表格之上/之下）
视框（定义与控制萤幕上的特定区域）

N2.0 视框格式总定义
<FRAMESET></FRAMESET> （取代<BODY>）
N2.0 视框行长度分配
<FRAMESET ROWS=,,,></FRAMESET>（pixels或 %）
N2.0 视框行长度分配
<FRAMESET ROWS=*></FRAMESET> （*= 相对大小）
N2.0 视框栏宽度分配
<FRAMESET COLS=,,,></FRAMESET>（pixels或 %）
N2.0 视框栏宽度分配
<FRAMESET COLS=*></FRAMESET> （*=相对大小）
N2.0 定义个别视框
<FRAME> （定义个别视框）
N2.0 个别视框内容<FRAME SRC="URL">
N2.0 个别视框名称 <FRAME NAME="***"|_blank|_self|_parent|_top>
N2.0 边缘宽度 <FRAME MARGINWIDTH= > （「左」与「右」边界）
N2.0 边缘高度<FRAME MARGINHEIGHT= > （「天顶」与「地底」边界）
N2.0 卷动条 <FRAMESCROLLING="YES|NO|AUTO">
N2.0 不可改变大小 <FRAME NORESIZE>
N2.0 无视框时的内容 <NOFRAMES></NOFRAMES>（如果浏览器不提供视框功能的话）

杂项

说明  （浏览器不会显示）
档案型态声明 <!DOCTYPEHTML PUBLIC "-//IETF//DTD HTML 2.0//EN">
3.0 档案型态声明
<!DOCTYPE HTML PUBLIC "-//W3O//DTD W3 HTML 3.0//EN">
可搜寻<ISINDEX> （指示可搜寻的索引项）
N1.0 提示 <ISINDEX PROMPT="***">（要求输入的提示文字）
送出搜寻条件 <A HREF="URL ***"></a>（其中的问号不是数字，而是「问号」）
基本档案的URL <BASE HREF="URL">（必须放在「文头」区段内）
N2.0 基本视窗名称
<BASE TARGET="***">（必须放在「文头」区段内）
相关性 <LINK REV="***" REL="***"HREF="URL"> （必须放在「文头」区段内）
背景资讯 <META>（必须放在「文头」区段内)

给网志添加音乐和视频

HTML码:(红色部分是必要项目)

一些可用的参数说明:

1.loop=infinite 指播放的次数,如果不加就只播放一次 (可设成=2、=3之类,infinite表无限拨放)

2.dynsrc=http://www.你的.com/影片或音乐.asf??你的影片或音乐网址(不能使用mms://连结)

3.width=图宽 height=图高(例:width=19 height=19) 影片宽和高(像素) 如果是音乐文件就是图片的宽和高(音乐文件应该只能听不能看吧) 注意:可以设0,但必加此项,否则会失败

4.border=框框厚度 (例 border=0)图片框框的宽度(不要框框就设0)

5.start=mouseover 启动方式,mouseover代表鼠标要移动到该画面,该画面才会开始播放影片,不加就是自动播放(音乐无法手动播放,千万别加start=mouseover) <-除非你转成影片格式
*所谓自动播放,还是要以看到图为准,并不是指网页开启就算了*

6.src=http://www.你的.com/图片.jpg??图片网址(拿掉就不显示图)
(如果是音乐:必显示图 ; 如果是影片:影片读取中或读取失败会显示图、播放中或播放完毕不会显示图)

7.align=位置 (例 align=left 或 align=right) 图片文绕图时所在的位置(不是很重要)

常用语法1:背景播放音乐
<img height=0 loop=infinite dynsrc=http://www.你的.com/音乐.asf width=0>
常用语法2:背景播放音乐一次(放音效)
<img height=0 loop=1 dynsrc=http://www.你的.com/音乐.asf width=0>
常用语法3:手动播放音乐
抱歉没这种语法...但可以参考这一篇另类简单音乐播放教学 (WELS..?????)
常用语法4:背景播放音乐+图片(和图片说明)
<img height=图高 loop=infinite dynsrc=http://www.你的.com/影片或音乐.asf alt=图片说明 src=http://www.你的.com/图片.jpg width=图宽??align=图片文绕图位置>

范例1 : 自动播放音乐,显示图片,加3度宽框框,加上重新播放共2次(音乐无法手动播放)(把src=http://mywallop.com/wc/794752_per/pic/3383740.jpg 去掉,就相当于背景播放并自动播放喔)

HTML语法:

<img height=189 loop=2 dynsrc=http://kiddiken.net/share/sound/uhaaaa.wma border=3 alt=图片说明 src= http://mywallop.com/wc1/794752_per/pic/3383740.jpg width=354>

结果:

范例2 : 自动播放影片一次

HTML语法:

<img height=212 dynsrc=http://idisk.mac.com/jahorne/Public/powered_by_300.wmv border=0 alt=WMP9 src=http://mywallop.com/wc1/794752_per/pic/3383740.jpg width=321>

结果:

范例3 : 手动播放影片一次

HTML语法:

<img height=212 dynsrc=http://idisk.mac.com/jahorne/Public/powered_by_300.wmv border=0 start=mouseover alt=WMP9 src=http://mywallop.com/wc1/794752_per/pic/3383740.jpg width=321>

结果:

添加网络音乐播放器

想为你的空间添上漂亮的音乐播放器吗，跟我来吧！样例详见：步行街音乐版

必备条件：

此播放器不能直接在MSN的空间里使用，必须另外申请一个支持网页上传的空间。

使用方法：

1、找到音乐播放器的网址：

??????可去这里直接申请——月亮海网页媒体播放器，申请后需要添加歌曲，可以自己搜索MP3，也可以使用网站提供的共享音乐，总共能添加60首歌曲，添加完后，点击"获得调用代码"，最上页一行显示的就是播放器的网址。

??????如果找得到现成的，不用申请，也不用添加歌曲，就可以直接使用，比如：蕃茄花园的播放器（这个播放器特棒，一共存储了三百八十首歌曲，让你听个够）。还有很多现成的，只要找到有播放器的网页，查看源文件，都可以找到播放器的网址。

2、安装播放器（把播放器的网页和你的主页合二为一）

??????打开Microsoft frontpage，新建一个空白网页，点击窗口下方状态栏的"代码视图"按钮，切换到代码视图，把本来的代码全都删掉，直接加入如下代码：

<html>
<head>
<title>你的网页标题</title>
</head>
<frameset rows="*,20" framespacing="0" border="0" frameborder="0">
<frame name="content" src="需要添加播放器的网页的地址" noresize>
<frame name="weibut" src="播放器地址"
scrolling="no" noresize>
</frameset>
</IFRAME>
</NOSCRIPT>
</html>

??????还可以加入一些网页特效，比如状态栏的特效等。代码输入完后，点击预览，看一下效果，效果满意了就可以保存了。

3、申请一个网页空间，只需要能支持WEB上传就可以了，有很多这类的资源哦，有收费的，也有免费的，收费的会稳定一些，可以去搜索，就不用详细介绍了。

4、上传刚刚设定的网页。上传后，点击网页，就能在浏览器中观赏了，记下这个网页的链接地址。比如：我的播放器加在MSN留言薄中，我就把留言薄的链接地址改为刚刚上传的网页的地址，就OK了。

HTML叙述

HTML叙述：

无属性：<标签名称>内容</标签名称>

单属性：<标签名称??属性名称＝"值">内容</标签名称>

多属性：<标签名称??属性名称1＝"值"??属性名称2＝"值">内容</标签名称>

（依次类推）

*重要的是：内容要被标签名称所包夹

*标签名称及属性名称和值，英文大小写无差别

*要设定多个属性时，必须以空格来表示间隔

标签名称如：

a?????? ->超链接??img????->图片??u?????? ->底线??i????????->斜体
font?? ->字型????b????????->粗体 p????????->段落 div???? ->段落
br??????->断行

例如：

<IMG SRC="sample.gif"></IMG> -------->显示图片</IMG>可省略
<A HREF="网址">内容</A> ------->设定内容超链接位置</A>不能省略
如果不知道</标签名称>是否要省略，那就加上去吧，不会有错的。

Style Sheet叙述：

<标签名称??style="样式名称:值">内容</标签名称>

各种滤镜样式的详细描述情形：

滤镜的样式名称为"filter"，所以

套用在图片上为：<IMG Style="filter:值">

套用在DIV上为：<DIV??Style="filter:值;with:滤镜宽;with:滤镜高"><IMG></DIV>

为何使用DIV：因为上下边界无空白，可以替代IMG，且某些滤镜只能使用在DIV，多种效果要靠它，但使用DIV时必须设定宽度和高度。

*要设定多个参数时，必须以半角的逗号","来间隔

*图宽和图高只要在图片上按右键，内容可以得知

A.半透明合成：

HTML代码：

■参数：

opacity???????????? -->设定起始处的透明度
finishOpacity???? -->设定结束处的透明度
style????????????????-->0:均匀、1:线状、2:圆形、3:长方形

图片效果代码

①原图：

②柔边效果——均匀

③柔边效果——线状（左往右）：

④柔边效果——圆形（外往中央）：

⑤柔边效果——长方形（中央往外）：

⑥诙谐效果：

⑦X光效果：

⑧色彩对换

⑨左右翻转：

⑩上下翻转：

?发光效果：

?附阴影效果：

?投射阴影效果：

?波形效果：

?模糊效果：

--

最新奇有趣的新技术、科幻、社会学信息：
http://www.qixianglu.cn
订阅本博客：
http://feeds.feedburner.com/woodphone
教育网BT下载博客
http://4renminbi.com/edubt
forcode科幻小说《抽水马桶的秘密》：
http://www.cmfu.com/showbook.asp?Bl_id=60008

标签：奇想IT评测

2007-05-27

Sent to you by forcode via Google Reader:

Things you can do from here:

用HTML和CSS写出漂亮正规的BLOG

正确使用a标签

养成文章分段的好习惯

用list进行列表，用line-height设置行高

超长正文的排版技巧

其他一些在日志中常用的html

固定链接

添加评论

引用通告

10月5日

基本HTML代码一览

固定链接

添加评论

引用通告

给网志添加音乐和视频

固定链接

添加评论

引用通告

添加网络音乐播放器

固定链接

评论

添加评论

引用通告

HTML叙述

固定链接

添加评论

引用通告

图片效果代码

我的简介

先前的博文