奇想录 www.qixianglu.cn: 用HTML和CSS写出漂亮正规的BLOG

频

道

新技术
 新趋势
 奇思妙想
 科学探索
 科幻奇幻

资料搜集
网络研究
统计定量
社会学研究
书摘读后感

数码网络
软件评测
数据指标
实用信息
有趣的东西

房地产
网络赚钱
投资创业
新闻评论
网站经营

电影八卦
美景美人
人物朋友
情感回忆梦
forcode生活

2007-05-27

用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评测

0 条评论:

发表评论

订阅博文评论 [Atom]

<< 主页

热门文章
============================================================
格兰仕微波炉报价单英语六级历年真题听力下载大陆身份证生成器
東方神起的所有反轉劇!!.[含东方剧场](會繼續更新以後的)(已可覲看)
电视剧《靠近你温暖我》全集下载（BT/迅雷/电驴/剧照）
精彩的洞庭湖人鼠大战（4视频+forcode点评）
一百多个电影字幕下载网站，精心收集整理！
(视频)（CCTV10“走进科学”－科幻之旅专题－克隆人 8.14）
国外BT站点和BT种子搜索站（国外完整bt搜索列表）
============================================================
forcode科幻小说《抽水马桶的秘密》正在起点中文网连载
《抽水马桶的秘密》读者评论：
（1）你的书很好看，比大刘，王晋康的创意好太多了，努力吧将来出实体书我一定会买的。（2）很有想象力的作者啊！！估计是看了不少科幻小说的人，希望不要浪费你非凡的想象力。（3）读者在自己博客或论坛对《抽水马桶的秘密》的评论。（4）点击此处查看全部的读者评论（18页，1000条以上）。
《抽水马桶的秘密》相关帖子：
《远程面包机》提纲|| 《进化论危机》提纲大家一起来设计
抽水马桶是外星人的试管|| 读者推荐超一万票
《抽水马桶的秘密》内容简介：
地球哺乳界正在发生的一次大规模跨物种升级，DNA机制并非人们所想像的那样是决定生命的最终遗传载体，而是类似浏览器这样的转译机制，真正的遗传物质存储在弥漫整个宇宙的光子数据库中，DNA机制实际上是一种设定了进化路径的文明压缩包的解压机制，数十亿年前灭绝的三栖人发明了光子数据库和DNA机制，目的是为了让这个机制最终复活三栖人文明，而人类（裸猿）这一物种在三栖人社会里其实是一种宠物，但是DNA机制似乎出现了点问题，或者说不知道什么原因裸猿突然变得太过聪明了，在播撒了始祖菌（DNA种子）的所有星球，进化路径发展到裸猿阶段，并没有继续演化出最后一步：三栖人，而强大的光子数据库一旦意识到DNA进化机制的这个漏洞，立刻关闭了这些星球对光子数据库的访问权限，这样，这些星球的生态系统都面临着灭绝的危险，因为他们脱离了光子数据库的遗传支持再也无法自然繁殖，只能靠遗传工程来复制现有的基因，或者做些小打小闹的修改，整个宇宙各星球上的基于DNA机制的生态系统都面临崩溃的危险。最终在13世纪，裸猿一族在银河边缘一个不起眼的小星系发现了地球这个由于某种原因至今还刚进化到裸猿初级阶段的星球，为了催熟地球的进化速度，外星裸猿文明开始介入地球的发展，为了防止光子数据库察觉到非地球文明的介入并关闭地球的权限，这种介入始终是暗中进行，因为介入方式的分歧，银河系裸猿文明分裂为两大集团，这两大集团的争斗伴随着人类近现代的发展，于是，文艺复兴开始了、三次科技革命出现了、两次世界大战也来了，直到今天，地球人类为自己的技术进步而沾沾自喜，丝毫不知道技术迅速发展的真正原因以及潜藏的危机。
============================================================
forcode2003年以前的习作：未来的婚姻、远程面包机
forcode朗诵《蜀道难》||forcode的一百多个科幻构思
奇想录：最新奇有趣的新技术和新闻点评|| 订阅“奇想录”

奇想录 www.qixianglu.cn

2007-05-27

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

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

正确使用a标签

养成文章分段的好习惯

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

超长正文的排版技巧

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

固定链接

添加评论

引用通告

10月5日

基本HTML代码一览

固定链接

添加评论

引用通告

给网志添加音乐和视频

固定链接

添加评论

引用通告

添加网络音乐播放器

固定链接

评论

添加评论

引用通告

HTML叙述

固定链接

添加评论

引用通告

图片效果代码

0 条评论:

我的简介

先前的博文