下一章 目录 设置
1、§图片篇§ ...
-
文字居中
<CENTER>文字</CENTER>
示例代码:<CENTER>我想居中</CENTER>
效果:我想居中
注意:居中效果默认上下空行,如果多行直接使用的话,会……
<center>当神已无能为力,</center>
<center>那便是魔渡众生。</center>
效果
当神已无能为力,
那便是魔渡众生。
所以,我们要集中在一起。
代码:<center>雨,是云思念异乡爱人而幻化的精魂;</center><center>雨,是雪怀念大地母亲而抛洒的热泪。</center>
效果:
雨,是云思念异乡爱人而幻化的精魂;雨,是雪怀念大地母亲而抛洒的热泪。
示例:《雨无声,雪飘零》——雪后有痕
图片移动代码:
<marquee Onmouseover=this.stop() Onmouseout=this.start()><>img src=图片地址></marquee>
图片显示
备注:现在晋江文章管理后台有提供贴图的地方,只需要在框内贴入图片网址即可,无需代码,特点是大小位置固定。更多形式可由代码实现。
<IMG src=图片地址>
注意:图片地址基本上是要那种.jpg或.gif格式结尾的才有效,.html结尾的往往没效果。
示例代码:<IMG src=http://i223.photobucket.com/albums/dd274/yimeng_sophia/logo.gif?t=1192996928>
效果:
居中+图片
示例:<CENTER><IMG src=http://i223.photobucket.com/albums/dd274/yimeng_sophia/logo.gif?t=1192996928></CENTER>
效果:
图片大小
比如这张图(点击查看该图片) 750×863,很大对不对?我不想要那么大该怎么办呢?
代码:<IMG src=图片地址 width=宽度 height=高度>
应用如下:<IMG src=http://games.sina.com.cn/downgames/picture_src/image/shendiao_09245.jpg width=150 height=113>
效果:
分别用右键点击上边的网址,和这幅显示的小图,选“属性”,会看到两幅图都是80357字节。
证明,小图本质上还是显示了一张那么大的图片,一样浪费网速,所以推荐重新上传缩略图。
然后用图片链接的方法,点击可观:)
图片浮现文字
注意:此代码的效果是当鼠标移到图片上时,会浮现文字标签,以及当图片失效时,原本红叉的地方出现文字。
代码:<IMG src=图片地址 alt=文字说明>
示例:<IMG src=http://images.99read.com/Product/2009/600.600/a0000389873.jpg alt=真正的《紫极舞》>
效果:
当图片失效的时候,就会显示出这种效果——
效果:
容我废话一句,真的喜欢那本书,就买下来,支持正版。至少不要去盗版看文,不要买盗版。
这部书属于 藤萍(叶萍萍)代表作《九功舞》系列 《情锁》也很值一观
图文混排
如果我们想要图片和文字齐头并进……
早春。
上午十点。
“吱嘎——”
沉重的铁门发出生锈一般的声音,缓慢地开了一道缝,清冷的阳光照射在那个缓缓走出的女孩子身上。她抬起头,眼睛黑漆漆的,皮肤仿佛很久没有晒过阳光,有种接近于透明的青白色。
代码:<img src=图片地址>文字文字文字……
如果既想用图又想用字,单独列出来图来实在是太浪费空间了。用表格又得不偿失(我以前就是这么干的)……实际上有一种好方法,就是图文混排——
早春。
上午十点。
“吱嘎——”
沉重的铁门发出生锈一般的声音,缓慢地开了一道缝,清冷的阳光照射在那个缓缓走出的女孩子身上。她抬起头,眼睛黑漆漆的,皮肤仿佛很久没有晒过阳光,有种接近于透明的青白色。
“02857,出去以后好好生活,别再回来了!”
铁门又重重地在她身后关上。
天空是沉沉的铅蓝色,风一阵阵吹来,依旧透着寒冷的气息,树木的枝桠仿佛黑色的素描,只是偶尔有几个刚萌发的绿苞。然后,就是空荡荡的寂静,除了她,这里再没有其他人。
双手紧紧握住一只发旧的牛皮纸袋。
她还记得六年前,十四岁的她被押解到这里关押时,场面是何等热烈,有无数记者蜂拥而至,闪光灯如同一道道雪白的闪电,对着双手被铐住的她疯狂拍照。
而现在,她终于出来了。
漆黑的长发被一根橡皮筋束在脑后,她的额头光洁饱满,只是在靠近发际线的地方,隐约有一道长长的发白的伤疤。
唇角抿出冷冷的线条。
她低低对自己说——
夜婴。
你终于出来了。
以上文字出自 我最喜欢的写手 明晓溪 的最新作品《第一夜的蔷薇》 总觉得是为我而写的o(∩_∩)o
代码:<img src=图片地址 align=left>文字文字文字……【一直换行也没有关系】
如果想让图片在右边,就把left改成right;★纠错:没有center这一种。
思考作业:——如何把按钮变成图画呢?答案在第八章。
完全效果应用看这里—— 《晓暮云岚》文案
右边的效果:<IMG src=图片地址 align=right>文字文字文字……
注意:后边的文字不要换行,否则会多空一行。这是由晋江的换行机制决定的。
如果几个效果连到一起,多回车几次就好了。
P.S. 为了排版就多说几句~ 右边这图是沧月的代表作 “镜-双城”我很喜欢真岚和那笙
这个版插图封面,画手都是辰轩,很唯美的~可以接受玄幻的可以看看~~
等不及的就跟我翻来翻去的跳读吧。想当年想看谁死没死一翻往后翻30多页的事情常有~
这是图片和文字不会紧贴在一起的效果:<img src=地址 style=margin-right:10px; align=left>文字文字文字……
P.S. 这张图是我最喜欢的写手之一 沧月 代表作 听雪楼系列(拜月教之战)
左图:萧忆情 右图:阿靖(舒靖容)和迦若 当然其实我最喜欢的是青岚啦~
喜欢晓溪《烈火如歌》的筒子们也可以看看哦~ 画手:辰轩 我也相当喜欢~
如果是用晋江提供的填封面地址的地方放图片。这时候,要实现不紧贴的效果,则在文案开头使用以下代码:
<table align=left width=20 height=280><tr><td></td></tr></table>文字文字文字
目前已知不能外联的相册有:
新浪博客、新浪相册、百度图片、网易相册、网易博客、qq空间、qq相册、天涯博客、天涯相册、51相册、图客、灰姑娘相册;
tinypic相册部分地区无法使用
(如果你用了以上相册的图片当时发觉可以看到,是因为电脑的临时文件里有缓存,你清理了临时文件,就会发现图片无法显示了,其他人同样看不到图。)
正确的做法是:
不要直接引用上述图片,而是要先将图片保存到本地,再上传到可外联相册,获取可外联的图片地址。
1、先到外联相册注册,请看52章。例如,到photo.poco.cn注册,注册后找到管理页面,上传照片,点击浏览选择图片,下拉框选择不加水印,上传,保存。然后点开上传好的图片,复制右边的第一个原图地址。
2、返回晋江页面,登陆--更新旧文--管理--在文案处添加代码<img src=图片地址>
最后说一句,想上传本地图片,请见52章。
http://www.jjwxc.net/onebook.php?novelid=64399&chapterid=52
P.S.个人偏好用新浪微博或者腾讯微博 其他微博也还好?但不保证1万年一直不变哦~
贴个范例~怀念08年和晓溪、乌龟,不二、紫云、上上并肩战斗在仙仙第一线的情形
rp问题,有人说html中的jpg怎样提出来?很简单,右键→属性→URL地址,复制就好。
如果不让右键的,查看→源文件→编辑→查找,jpg就好了。一个一个去搜吧。九成能找到。
对新新手来说,一定要看这一句哦~~更多问题见第十二章