<div style="">
标签a中<a href='' alt=''/>
在上面效果中，style,href,alt都是标签属性，这些是于XML类似的，当然，现在普遍采用的HTML是XHTML，它与XML是兼容的。我们可以用DOM来访问这些标签属性；
通过修改这些方法，我们可以改变标签的样式，就是修改style属性，也可以改变超链接的链接地址，就是href属性，等等；工作中经常用的，并不稀奇；
但是并没有给HTML标签写过自定义的属性，就是给标签写一个它并不存在属性；如
<div TextLength="20"></div>
在HTML中，div标签并没有TextLength属性，是我自已经加的；
假如，页面中有这样一段HTML代码：
<div>新闻列表
<ul>
<li>[图]不按规定线路运营 阻挠执法人员执法 公交车擅改运营线路被查处 [2007-7-31] </li>
<li>五金厂已搬迁 眼镜厂仍扰民 [2007-7-31] </li>
<li>[图]“2007香港购物节”正在举行——市民赴港疯狂“血拼” [2007-7-27] </li>
<li>[图]花园后面的山脚边，存在大量的乱搭建，街道执法队展... [2007-7-27] </li>
</ul>
</div>
我要截取这些字符，当然很容易；用getElementsByTabName取出li标签列表，用个for循环逐一处理一个就可以了；
但
是，字符截多长呢，自然要设变量，这个变量设在哪呢，如果写在javascript中，这个变量离HTML代码太远了（一个在头部head，一个在
body），开发人员不方便操作，因为在页面中，它能会有很多这样的新闻列表或其它列表；于是我想到了给li的父级标签ul，加自定义属性，当然，如果是
ol也是可以的，只要是li的父级就行；如：
<div>新闻列表
<ul TextLength="15">
<li>[图]不按规定线路运营 阻挠执法人员执法 公交车擅改运营线路被查处 [2007-7-31] </li>
<li>五金厂已搬迁 眼镜厂仍扰民 [2007-7-31] </li>
<li>[图]“2007香港购物节”正在举行——市民赴港疯狂“血拼” [2007-7-27] </li>
<li>[图]花园后面的山脚边，存在大量的乱搭建，街道执法队展... [2007-7-27] </li>
</ul>
</div>
与前面相比，ul多了TextLength属性，就是我要截取的字符串长度值；然后，我写了一个函数，来读取这个属性，并将该区域的li中字符截短。函数如下：
<script language="javascript" type="text/javascript">
function lineShow()
{
var list = document.getElementsByTagName("li")
for(var i = 0i <list.lengthi ++ )
{
// 获取自定义参数，为字符长度
var textlength = Number(list[i].parentNode.getAttribute("TextLength"))
list[i].setAttribute("title", list[i].innerHTML)
list[i].innerHTML = subString(list[i].innerHTML, textlength)
}
}
function subString(str, len)
{
len = len == null || isNaN(len) ? 0 : len
if(len <1 || str.length <= len)return str
return str.substr(0, len) + "…"
}
</script>
上面代码中的语句，都是较常用的，不用过多解释了。
最后，在页面载入完毕时，调用该函数就行了。调用函数的代码如下：
<script language="javascript" type="text/javascript" defer="true">
lineShow()
</script>
这时效果就出现了，页面中所有列表字符被截短，当鼠标碰上时，显示其完整标题；
其实上面的javascript并没有什么特殊的，很简单，唯一不同的是，我利用自定义属性，让开发人员，在使用这个效果时，更方便了。
引入层叠样式表的方法包括：1.外联式样式表
例：<head>
<link rel="stylesheet" href="/css/default.css">
</head>
2.内嵌样式表
例：<head>
<style type="text/css">
td{font:9ptcolor:red}
font105{font:10.5ptcolor:blue}
</style>
</head>
3.元素内定
<div class="a" style="padding:10float:left">
</div>
4.导入样式表
<head>
<style type="text/css">
<!-- @import url(css/home.css)-->
</style>
</head>
一、学HTML（最最基础的东西，必需牢固撑握，想成高手就千万不要碰Dreamweaver，如果只是玩玩或了解一下就无所谓，把根扎牢，反正一共也没多少,也就几十个HTML标签属性而异，常用的也就十来个。）\x0d\x0a\x0d\x0a二、ASP代码，说难吧，对初学者确实，但如果有编程基础，再想想，也跟HTML差不多，也就是几十个常用关键词，四五点语法注意事项而异。\x0d\x0a\x0d\x0a三、学习连接数据库（access mssql sql都行，实际他们用法都一样，在ASP用什么基本没什么区别，极个别处不太一样），重要的是连接数据的方法不太一样，也就两三行代码而异。然会灵活调用数据对像等。\x0d\x0a\x0d\x0a四、到此其本上就可以应用了写网站了，然在实用过程中，加固以上知识同时，可以学习ASP对于对象的操作，组件操作等，可以学习JS代码（JS学起来应该是比ASP难点），学习DIV+CSS，学习SQL语法等。\x0d\x0a\x0d\x0a总的来说由浅到沉，不要想着先尽一个学全学精再学下一个，这是不行的，因为他们很系统的，即看似独立又有彼此互有联系，DIV+CSS里面的属性就太多了又与JS密不可分，所以可以放到最后慢慢学习，SQL语法太多了，你也可以放到最后，刚开始只用了解怎么用，常用的，最简单的SQL语法会用就行了。\x0d\x0a\x0d\x0a最最重要的是实践中学，多写代码，多研究，关于怎么学以后最好不要再问了，你再问二十遍，你也学不好，所以只要埋头写代码，研究，推敲，实在不会就问（不能一看不懂就问，要自己先研究）。\x0d\x0a\x0d\x0a另外，个人经验是不要看书，会把人看傻的，最好的办法是，给自己定个任务，比如，我现在开始写一个留言本（不用怕什么都不懂），那么就开始吧，从最初的写HTML开始入手，学着加入ASP代码，学着建数据库等等，等一个留言本写完了，你再回头看一下吧，自己不知不觉中学了好多。\x0d\x0a\x0d\x0a另外推荐你个网站：w3school.com.cn/h.asp
