今天闲来无事,偶然看到【博客栏目】是支持 HTML 格式的,且不说单纯 HTML 能做出多漂亮,不过添加文字、图片各种修饰也是不错的。楼主以前看过一点HTML而已啦,有很多不懂的地方,有不错想法的童鞋透漏一下给我啦!
先做个简单的,添加一个可移动文字的栏目,很简单:
<marquee style="width:388px; height:70px">
<div align="left"></div>
<center><font face="Times New Roman" color="#008000" size="4"></font></center>
<div align="top"></div>
<p><font size="2">To you:</font></p>
<p><font size="2"> When you know I really try to be a better one to satisfy you.</font></p>
<p><font size="2">For your everything to me and I’ll do what you ask me.</font></p>
<p><font size="2"> From Jammgit</font></p>
<br>
<p></p>
<center></center>
</marquee>
把这个添加到内容,效果:
图.1
可以看到,文字是从右到坐移动。
添加一个超链接也很简单,比如把自己的Github地址放上去:
<a href="https://github.com/jammgit">https://github.com/jammgit</a>
这样子就有一个超链接在栏目啦,炒鸡方便。
也可以放图片哦,不过不是什么图片都可以放,如果你随便找一个不在csdn服务器的图片,结果如下:
图.2
不允许使用外站,那意思是可以使用本站的吧,那么我们如何把自己心动的图片放到博客栏目中呢?
有办法,随便打开一个csdn网站,注意登陆的账号必须是此博客账号,查看HTML源码,例如我的,我在【我的CSDN】这段代码:
<dt><a href="javascript:;"><img src="http://avatar.csdn.net/8/A/9/1_jammg.jpg" class="header"><span class="edit_person_pic"></span></a></dt>
明显,我头像保存的路径得到了,好的,将它添加到【博客栏目】看看:
<a href="http://www.baidu.com"><img src="http://avatar.csdn.net/8/A/9/1_jammg.jpg"></a>
图.3
呦西,成功!要用其它图片的话,也很简单,随便找个csdn技术问答,必须是csdn的服务器提供服务的网站哦,比如我区技术问答那里回答问题,那里有个添加图片的功能:
添加一个图片,就可以看到csdn上传了,而且给出了连接,so easy!
<a href="http://www.iqiyi.com/v_19rrokc7rw.html?flashvars=videoIsFromQidan%3Ditemviewclk_a#vfrm=5-6-0-1">
<img src="http://img.ask.csdn.net/upload/201604/14/1460627741_94080.jpeg">
</a>
为图片创建一个连接到爱奇艺的海贼王,累了直接点开看动漫!O(∩_∩)O哈哈~
还有很多我不知道的,欢迎指出,学习学习哦~