童鞋们跑哪去了,开学一个多月了,校园里却还那么冷,都不见大家呐 —。。—
现在,我们一起来学习简单的HTML代码贴图吧,代码贴图很方便快捷,再也不用为图片上传困扰了,不用漫长的等待,不用为网速抓狂!!另外, 看哪个图片顺眼就可以贴过来!!糖少的帖子<给帖子图片添加文字>,她说这么简单的代码她都不好意思发上来了。但我还是老弄错,丢三落四的,不容易呃~我把步骤截图贴出来,见者有份,都得另开个贴用html发图哈!>>>>特别是校园里的娃们。
一、打开发帖窗口,勾选切换到纯文本框框。勾选右上角HTML代码框框。 勾选完”纯文本"、“HTML代码”后,找到你想贴出来的图片,鼠标放到上面—右键—点击图像属性—点击网址,就自动复制好链接了。
二、添加如下代码: <CENTER> <TABLE style="WIDTH: 483px; HEIGHT: 71px" height=71 cellSpacing=1 width=483 background=图片地址 border=0> <TBODY><TR><TD width=342 height=69> <p align=center>文字</P></TD></TR></TBODY></TABLE></CENTER> 复制上面这段代码,再把图片地址:刚刚复制的链接加上, 自行调节图片的长(height)宽(width)大小,这样图片就贴完了!! 例::沙发上的图1
三、去掉纯文本勾选,切换到正常编辑页面,可以继续对图片上的文字进行编辑。光标全选图片上的文字,可以进行文字颜色,字体,大小,位置,粗体,斜体,等等的改变。(当然也可以在纯文本页面编辑代码,不过不如这样更直观省事些) align=left-----------居左|| align=center-------居中 || align=right---------居右|| color=red----------颜色 || size=4--------------字号 例:沙发上的图2 【代码: <center><table style="WIDTH: 660px; HEIGHT: 350px" height="350" cellspacing="1" width="660" background="http://www.cnsfk.com/uc_server/data/avatar/000/00/26/35_avatar_middle.jpg" border="0"><tbody><tr><td width="342" height="69"><p align="left"><font color="yellow">猜猜有几个糖少,猜对有奖!</font></p><p align="center"><font color="yellow">猜猜糖少素男素女,答对无奖!</font></p><p align="right"><font color="yellow">开贴发图的都奖,通通有奖!</font></p><br><br></td></tr></tbody></table></center>】
该贴已经同步到 樱粟野的微博 |