韶关保利紫山前景:图文混排代码 1 . 2

来源:百度文库 编辑:中财网 时间:2024/04/27 13:40:31
《图文混排代码(二)》
本文引用自世外淘缘《图文混排代码(一)》
《图文混排》代码
《实 例 如 下》
--------------------------------------------------------------
实例之一:右图左字实样
当你所要写的博客日志文章,如果需要图文混编混排,没有代码是不可能实现,现经网络上多处查找,好不容易找到了几个能图文混排的代码,就此学习应用,现就用一张<我的家所在地>的照片,用《右图字左字》的代码来试验,实验非常顺利,效果也很明显.
从图片的画面上看,我也顺便说明一下,相片是自已拍摄于2008年4月13日,地处张家港市步行街西头北侧大约一百米左右,也是张家港市中心的一个美丽的景点,在画面上中间的一幢住宅楼,就是我居住的地方,这地段虽是市中心,但由于张家港市历来就注重环境保护,晚上很安宁,周围环境非常优雅,如今可为安居乐业了,我很满足了.
--------------------------------------
符右图左字混排代码

输入文字处


所插入图片http://image42.360doc.com/DownloadImg/2011/11/1419/19270783_1.jpg
--------------------------------------

实例之二,左图右字实样
这是左图右字的实样,首先让我 把这图片作一下简介;相片拍摄于2008年10月2日,这是全国闻名的江苏省张家港市步行街的部份景象,步行街,位于张家港市的沙洲中路,地处市中心,自创建以来经过全民共同努力,除残疾人和儿童的手推车以外,确实看不到任何车辆,路面清洁于净,商家整洁漂亮,是张家港市的商业中心,两则的经商户都很豪华,经营的各类商品绝无假货,所以市民们都要去购物,人来人往,天天人流不息,因此商业营销一直非常繁荣.自1993年创建以来,已有好多国家党政领导人到过,比如;江泽民主席和胡锦涛主席也先后到过,本人还有幸在步行街的新华书店前不足二米的距离看到过胡主席,这也是我一生中最美好的回忆.
-------------------------------------
符右图左字混排代码

输入文字处


插入图片的网址
http://image42.360doc.com/DownloadImg/2011/11/1419/19270783_1.jpg
-------------------------------------
认识代码
首先把这二个代码来对比一下,
右图左字混排代码

输入文字处


右左图右字混排代码

输入文字处


从以上二个代码的对比中可见;

原素是开始

是结束,中间的插图代码是相同的,维有插入图片的左右有别,src="插图处"也很明显.这个代码已经认识了.
其中 align=right  表示图片在右;
其中  align=left  表示图片在左.
其它的就没有区别了;
---------------------------------------
插入的图片分析
从插入的图片尺寸来分析,由于板面的限止,图片过大或过小都会有一定影响,就以上二张图片,原来的尺寸是宽度为778高度为583,这尺寸就起不到作用,原因是这代码中没有相对控制插入图片的大小,所以就必须把图片缩小到一定的尺寸,我这里所加入的图片是经过<51.COM>空间进行了相应缩小,而且通过了<51.COM>空间非但能缩小而且还能得到图片地址,这样就自然好办了.关于<51COM>空间你就必需注册才能实现目的.
符原图址
http://p8.images22.51img1.com/6000/hu320521/82efd0bcf6eb26d4ea26d805dec10a25.jpg
http://p7.images22.51img1.com/6000/hu320521/7bada952e5e77ff120456fed1d5876df.jpg
---------------------------------------
《图文混排》代码(续篇)
----------------------------------
曾记得几个月前,有朋友这样问我,在写日志时,由于文章中需添加插图或照片后,能否在插图照片的旁边露白的空馀之处打上文字,我的回答是应该能吧,但本人从来没试过,昨天偶尔见到了能左图右字,也能右图左字的代码,而且经实际试验证明有用能行,可是,就图片的大小不能在这代码中得到有效控制,为此今天就以试试的心态,作出如下试验.
---------------------------------------
试   试
首先将利用《宽width=(数值可随意调节)和高height=(数值可随意调节)》这二个代码,放在插入图片代码之前,实验结果是可控.然后再把文字控制在图片的上、下、左、右 四个方位,让文字环绕于图片,
先是要把代码控制为中央,

利用代码控制整体板面的总体宽度,.可根据需要而定.这里是根据博客板面的宽度决定为<730>.
以下就用代码控制输入文字的具体位置
(一);图片的上方.
(二);文字控制在图片的左边.
(三)把图片控制在文字的中间代码
(四)文字跟随图片在右边;无需其它控制代码
(五)图片的下方,
其中的宽和高分别调整为200和200.可控图片大小,数值可随意调节.
就此用以上各部分部代码组合成一个(用文字环绕图片)的总代码.试试吧;
以上各分部代码组合成的总体代码如下;
以下是组合文字环绕图片四周的总代码
  (控制以下列各部为中央的代码)
此处为文字入
此处为文字输入处 此处为文字输入处
此处为文字输入处
(控制总板面的宽度)



 (图片位置跟随左字排列没有控制只有图片大小控制代码)
   (是跟随图片无需加位置代码控制)

(图片上方的文字输入处)
(图片左方文字输入处) (图片右边的文字输入处)
(图片下方的文字输入处)

   (图片下方的文字控制同第一个文字控制代码)
--------------------------------------------------------
以下是《文字环绕图片排版》的总代码:
复制可有效应用
注:绿色部位可调节,黄色部位加图片,红色部位加正文








图上的文字入字处
图左边的文字入字处 图右边的文字入字处
图下的文字入字处

--------------------------------------------------------
实例具体操作方法
首先把图片网址复制好贴入相应的图片贴入处,这里的实例图片网址如下
图片名称;江苏古镇周庄-门楼,
原图片尺寸;宽为 778 高为583实际控制 宽度380  高度为 300
http://image42.360doc.com/DownloadImg/2011/11/1419/19270783_3.jpg
在登录博客→点《写日志》→《写好标题》→点开写日志表头上的《全部功能》→点开<>显示HTML标记→展开表后把全总代码复制并贴入表内的所有代码最下方(注;文字部份,暂且不用输入正文,把原有的文字留下,不要删去,)→代码贴入后,回点表头上的<>显示HTML 让其闭合→这时写日志的编辑表上,已显现了所贴入的图片和输入文字的字样,→然后在各示意输入文字处,输入需要输入的正文.→调节好字体和字的大小,适当修改复合文章→选定日志分类→点发表就成了.
--------------------------------------------------------------
实样如下
说明;以下实例输入的(正文)是把实例图片作简单介绍
源代码生成的各部位(文字输入处)留下便于清晰可见未去掉
--------------------------------------------------------------
(图片上方的文字输入处)本处为图片上部,贴入代码后就生成,红色部份就是生成时留下输入文字的标记,以下各方位的原输入标记都保留,方便朋友们参考.
(左侧文字输入处)
从这里开始简介图片内容;周庄位于苏州东南,昆山的西南处,古称贞丰里,春秋战国时期,庄境内为吴王少子摇的封地,称摇城.
(图片右边的文字输入处)周庄镇为泽国,因河成街现一派古朴、明洁的幽静,是江南典型的“小桥流水”.虽历经900多年的沧桑,仍完整保存着原有水乡古镇的风貌格局,宛如,一颗镶嵌在淀山湖畔的明珠,古镇周庄以古扬称,以秀扬名以水为美,以桥为奇,以景为画。历史悠久.真美呀.
(这里是图片下边的文字输入处)古镇区内河道呈井字型,民居依河筑屋,依水成街,河道上横跨14座建于元、明、清代的古桥梁,吴冠中撰文说“黄山集中国山川之美、周庄集中国水乡之美”,海外报刊称周庄为“中国第一水乡”
-----------------------(此线上部是文字环图效果)-------------(此线下部是左图右字效果)----------------------
(这里是左图右字代码文字输入处)周庄的绝美之处在于水,水不仅可以流过门前还可穿过亭院;保存完好的明清建筑依水而立,错落有致,再加之淳朴的民风习俗使周庄有了江南水乡的美誉。台湾女作家三毛到这里称找到了“旅游的感觉”,俄罗斯画家列昂尼特称周庄是“东方威尼斯”看来有人说到江南不到周庄是你的一大遗憾,此话一点不假。这个小镇与一般江南小镇不同的是,它处处都是一个风格,好象专为人欣赏而设置,此处在几百年间也经过了很多变故,但顽强地保留了原样,什么战争,什么文革,好像都没有到过这里。不像其它小镇,多少有被改造的气息,然而周庄却像是从土里挖出的最有价值的文物,世间还有这样的珍奇。于是大家都来这里玩其珍奇,就此也刻意地更加塑造成珍奇。现在的小镇,青石板抹得干干净净,近乎油亮;小楼都变成了古色古香的"坊间",那些精致的手工艺品;那些远来的画家,家庭式的小客栈,小饭馆;小镇方圆几里地,画廊,茶楼,店铺,酒肆,客栈,小桥,流水,仿佛无一不在面画之中。
-----------------------(此线上部为左图右字效果)----------(此线下部为右图左字效果)---------------------
(这里是右图左字代码输入文字处) 周庄最为著名的景点有富安桥、双桥、沈厅。富安桥是江南仅存的立体形桥楼合璧建筑;双桥则由两桥相连为一体,造型独特;石桥牢固而又质朴,建于明代,由一座石拱桥和一座石梁桥组成,横跨于南北市河和银子浜两条小河上桥面一横一竖桥洞一圆一方,错落有致,宛如一把大锁将两条小河紧紧地锁住。沈厅为清式院宅,整体结构严整,局部风格各异;此外还有澄虚道观、全福讲寺等宗教场所。全镇桥街相连,依河筑屋,小船轻摇,绿影婆娑,返朴归真的游人会情不自禁地吟诵“吴树依依吴水流 吴中舟辑好夷游".是国家历史文化名镇、国家AAAA级景区、国家卫生示范镇.
----------------------------------------
朋友们;大家好!
恕本人是初学,谅本人为好学,以上代码如有不对的地方,请求朋友指正,恳请朋友赐教.
',1)">
;制作图片好之源flash

空心

漫天飞彩星
漫天飞彩星
漫天飞彩星