网易博客代码-163博客教程
第一节 网易博客自定义模块中图片的添加 图片是必不可少的,也是美化网页或博客的首选。常用的图片有jpg静态图片和gif动态图片,在网易博客中给网友提供了无限的图片保存空间,所以你用图片来美化博客,运用起来会更容易。还是那句话,不会运用图片也是极大的浪费。 1、最简单的图片应用,就是看到图片后点右键选复制然后到想发表的地方点粘贴,图片即可粘贴过来,如到好友博客发问候图片、在自己日志中发图片。但网站与网站之间的交流可能会遇到图片防盗链,所以见议上传到网易相册中后使用,反正是无限空间。 2、图片的上传。在网易博客中图片的上传方法很简单,通过提示即可实现。网易博客相片中的图片只能在网易内部链接使用。上传大量的图片可用网易相册中带的上传工具。 3、图片链接地址的获得。图片在网络中保存的地址可以通过打开你想要调用的图片(注意不是缩略图),右键点击图片,打开最下面的“属性”,这里有就图片的保存“地址”复制过来即可。 4、调用图片的标签img及相关参数。 <A href="http://ndqy.com" target="_blank"><img src="http://img.blog.163.com/photo/fa_v_jc7Fp2BZit0CuBAzA==/1126744331773108906.jpg" width="300" height="400"></A> 上面是最常用的调用图片命令。是通过<img>标签来调用的 http://img.blog.163.com/photo/fa_v_jc7Fp2BZit0CuBAzA==/1126744331773108906.jpg 就是调用的链接地址。<img>标签中常用的参数中:width是宽,height是高。其他参数还有hspace的水平边距 vspace是垂直边距 border是边框宽度,但这三个参数在模块中的用处不大。 <a href="点击图片后打开的链接" target="_blank"></a>这组命令套在主命令中的用处是点击图片后,在新窗口打开一个你指定的链接页面,这还是比较实用的。 5、调用多个图片。 一般情况下常用在边栏的一些挂件中,试试这组代码: <img title="是我漂亮还是下面那个妹妹漂亮?" src="http://img.blog.163.com/photo/j9kHUll6FbTx667ejt8e7w==/1418352407645109263.jpg" width="150" height="290"><br/><img title="是我漂亮还是下面那个妹妹漂亮?" src="http://img.blog.163.com/photo/OG4MVM7Frl9M7v3uXIZKpA==/1418352407645109275.jpg" width="150" height="290"><br/><img title="是我漂亮还是下面那个妹妹漂亮?" src="http://img.blog.163.com/photo/QANI8urb-NaaM3v5L3zq8A==/1418352407645109272.jpg" width="150" height="290"><br/><img title="还瞅什么!我是最后一个了!" src="http://img.blog.163.com/photo/5SWbtlLMDjOMQ4c4BcKlqg==/1418352407645109269.jpg" width="150" height="290"> 上面代码中多了三组<br/>是换行的意思,如果你想把这些图片平行摆放,那就不用<br/>,还有就是每一组<img></img>连接的时候,中间不要有空,如果有空那么图片中间也有空。 title="中间加汉字"这个命令是鼠标放在图片上出现的提示。在这组命令中调用的是gif动态图片,但是在网易博客中最后的链接地址是.jpg,不过这不影响动态效果,你需要注意的是一定要到图片最后的原图中寻找链接就行。 同样多个图片调用也可以在外面套上<a></a>的超级链接命令,把他套在哪组<img></img>命令外就是点哪张图片后打开的链接,也可以套上几张图。 <A href="http://ndqy.com/" target="_blank"><img title="点我啊!去你的倩影网站你的博客会更漂亮!" src="http://img.blog.163.com/photo/j9kHUll6FbTx667ejt8e7w==/1418352407645109263.jpg" width="150" height="290"></a><br/><img title="是我漂亮还是下面那个妹妹漂亮?" src="http://img.blog.163.com/photo/OG4MVM7Frl9M7v3uXIZKpA==/1418352407645109275.jpg" width="150" height="290"><br/><img title="是我漂亮还是下面那个妹妹漂亮?" src="http://img.blog.163.com/photo/QANI8urb-NaaM3v5L3zq8A==/1418352407645109272.jpg" width="150" height="290"><br/><img title="还瞅什么!我是最后一个了!" src="http://img.blog.163.com/photo/5SWbtlLMDjOMQ4c4BcKlqg==/1418352407645109269.jpg" width="150" height="290"> <A href="http://ndqy.com/" target="_blank"><img title="点谁都打开你的倩影网站" src="http://img.blog.163.com/photo/j9kHUll6FbTx667ejt8e7w==/1418352407645109263.jpg" width="150" height="290"><br/><img title="是我漂亮还是下面那个妹妹漂亮?" src="http://img.blog.163.com/photo/OG4MVM7Frl9M7v3uXIZKpA==/1418352407645109275.jpg" width="150" height="290"><br/><img title="是我漂亮还是下面那个妹妹漂亮?" src="http://img.blog.163.com/photo/QANI8urb-NaaM3v5L3zq8A==/1418352407645109272.jpg" width="150" height="290"><br/><img title="还瞅什么!我是最后一个了!" src="http://img.blog.163.com/photo/5SWbtlLMDjOMQ4c4BcKlqg==/1418352407645109269.jpg" width="150" height="290"></a> 上面两组命令是不一样的,常用第一组,并且把第一组后面三个都加上超级链接。 <p align="center"><A href="http://ndqy.com/" target="_blank"><img title="这是我朋友的网站" src="http://img.blog.163.com/photo/j9kHUll6FbTx667ejt8e7w==/1418352407645109263.jpg" width="150" height="290"></a><br/><A href="http://ndqy.com/blog/sucai/index.php" target="_blank"><img title="这里有很多博客素材" src="http://img.blog.163.com/photo/OG4MVM7Frl9M7v3uXIZKpA==/1418352407645109275.jpg" width="150" height="290"></a><br/><A href="http://ndqy.com/blog/sucai/20070907a03.php" target="_blank"><img title="在这里可以找到更多的漂亮妹妹!" src="http://img.blog.163.com/photo/QANI8urb-NaaM3v5L3zq8A==/1418352407645109272.jpg" width="150" height="290"></a><br/><A href="http://ndqy.com/blog/sucai/20070907a03.php" target="_blank"><img title="在这里可以找到更多的漂亮妹妹!" src="http://img.blog.163.com/photo/QANI8urb-NaaM3v5L3zq8A==/1418352407645109272.jpg" width="150" height="290"></a></p> 这回我不但把四张图都加上了超级链接,还在最外面套了一个<p align="center"></p>命令,是另起一行并居中的意思,这居中也实用吧。 看来上面已经是很庞大的命令代码了,在网易博客自定义的模块中是有字数限制的,不是放多少都行,具体情况等你点保存时如果过多他就提示你了。 关于图片和其他命令的组合还有很多复杂的,在以后的章节中介绍,因为我写过一起介绍很多命令的文章,结果有很多留言说看不懂的。今天先到这里,你先试着引用一些图片用多了就适应了,其实很重要的一点中找到精美的素材,我这个网站中有大量的素材都是我精选的,也有素材图片网站的引擎链接,你四处转转吧,你也可以问问上面那四个妹妹。 |
为方便广大博客爱好者,本站撰写和收集了以上文章,博客朋友可以转发但转发同时需注明
评论