CSDN博客专栏HTML语言编写详解

朋友们应该看到博客栏目里面可以自定义博客栏目，并且支持HTML语言和CSS脚本，那有了这两项的支持我相信也难不到朋友们了，下面我就举几个简单的例子来配置博客栏目。

一：下面是我个人资料的简介，你只要相应的地方就行。

<div id="custom_column_20055475" class="panel">
<ul class="panel_head">
<span>详细资料</span></ul>
<ul class="panel_body">
姓名：张溜
<hr>
生日：1994.12
<hr>
学历：本科
<hr>
专注：嵌入式开发、Linux网络编程
<hr>
学校：攀枝花学院
<hr>
爱好：葫芦丝、象棋
<hr>
</ul>
</div>

二：添加QQ，QQ群，邮箱，微博的链接方式。（里面怎么花样布局自己决定，所用到的图片必须是我的相册里面的图片，不能使用站外图片，背景音乐我没有测试成功，以下红色部分改成你的QQ就行）

所用到的图片自己上传到我的相册，添加群还得自己创建一个连接：请点击这里！二维码也在这个连接里面制定。添加QQ也得创建一个连接：请点击这里！

<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&amp;uin=1229408541&amp;site=qq&amp;menu=yes"><img border="0" src="http://img.blog.csdn.net/20140426100434046" alt="点击这里给我发QQ消息" title="点击这里给我发QQ消息"></a>
<a href="Mailto:[email protected]"><img border="0" src="http://img.my.csdn.net/uploads/201512/17/1450353667_3968.png" width="80" height="80" alt="点击这里给我发邮件" title="点击这里给我发邮件"></a>
<br>
<br>
<font color="blue"><big><marquee><strong>点击图标或者扫描二维码即可加群</strong></marquee></big></font><a target="_blank" href="http://shang.qq.com/wpa/qunwpa?idkey=534a609915c8e766ba8cd0b89ce83191f76deeb094e655a503edb53f04f7c441"><img border="0" src="http://img.my.csdn.net/uploads/201601/12/1452572335_4288.png" width="200" height="210" alt="嵌入式开发交流群" title="嵌入式开发交流群"></a>
<br>
<font color="red"><big><marquee><strong>生命只有干出来的精彩，没有等出来的辉煌</strong></marquee></big></font><br>
<br>
<br>

三：添加自己的背景音乐，或者动态图片，这个是可以成功的，比如你滑动页面向下，这个加群图标也接着向下滑动，这个是HTML的基本用法，这个问题就留给读者朋友了，不懂得可以加群讨论。

<div style="text-align:center">
<p><a href="http://fm.baidu.com/" target="_blank"><img border="0" src="http://img.my.csdn.net/uploads/201512/23/1450840960_8999.jpg-thumb.jpg" width="180" height="180"></a></p>
</div>

更高级的用法需要你对HTML更加熟悉，这里不支持JAVAscript，不然可以实现更加好的效果。具体效果请看我的博客左边的栏目。