html列表,文字和路径.docVIP

本文由大成未来提供： 本文由大成未来提供： 列表，文字和路径 这次主要学习的是HTML里的列表，文字和路径。 喲嘻，开始了！ 首先是列表。在以前，人们建站通常都是使用表格和框架，但是在SEO的今天，表格跟框架是极不利于网站优化的，所以表格和框架的使用渐渐被能够达到同样效果的CSS所替代。 那么CSS是怎么营造出表格和框架的效果的呢？那就要得益于今天学到的列表标签codeul,li,ol,dl,dt和dd/code了!现在的网站，绝大部分都是用这些列表标签构成的，例如导航条，信息栏等。就以大成未来的网站为例，打开大成未来的源文本会发现目之所及的地方几乎都是用codeul,li/code标签集合而成的。 下面是列表标签的讲解： ul标签代表的是无序列表标签，ol代表的是有序列表标签。 Ul标签 ul是“unordered lists”的缩写，就是无序的意思。 格式：body ulli文字/li li文字2/li li文字3/li /ul /body 还有一个ul标签的嵌套版本，这个有点难，但是只要你把它想象成盒子，一个套一个，理清了头绪就能茅塞顿开了。 格式：body ulli文字 ul li小文字/li /ul /li li文字2 ul li小文字2/li /ul /li li文字3/li ul li小文字3/li /ul /li /ul /body Ol标签 Ol标签是“ordered lists”的缩写，是有序列表的意思。Ol标签的格式跟ul的是一样的。 格式：body olli文字/li li文字2/li li文字3/li /ol /body ol标签跟ul一样，也是有嵌套版本的。 格式：body olli文字 ol li小文字/li li小文字a/li li小文字b/li /ol /li li文字2 ol li小文字2/li /ol /li li文字3/li ol li小文字3/li /ol /li /ol /body Dl标签 dl标签，dl是“definition lists”的 缩写。Dl标签是用来给字词下定义用的。 与dl标签相关的还有2个标签，分别是：codedt和dd/code。 dt是“definition term”的缩写，而dd则是“definition description”的缩写。由此不容易看出dl标签的定义作用。 格式：body dldt馒头/dt dd馒头是一种用淀粉做成是食品。/dd dt米饭/dt dd米饭是由淀粉做成的食品。/dd /dl /body 值得注意的是：虽然dl标签跟ul标签的显示效果差不多，但是dl标签是没有嵌套的。反正我到现在还没有看到过定义有嵌套的。。。 列表标签到此结束！ 接下来就是文字了。 文字，一般常用的是h标题标签，p段落标签，外加blockcode和code代码标签还有的就是blockquote引用标签和pre与格式化标签了。这几个标签的十分常用，而且使用方法也很简单，练习一下就能熟练运用了。 继续， 除了上面的标签，还有2个标签需要特别注意的，那就是div标签和span标签了。 Div标签 div标签主要是将html的代码按需要分成不同的版块，作用是方便管理。 div标签主要有2个需要注意的属性，分别是id属性和class属性。 很多优化度较高的网站，它的源文本内都有div标签的存在，这样管理的时候就不会为了找版块而花费大量的时间，而且也有利于蜘蛛寻找有用的资料了。 id在DIV标签中是唯一的，就好像人的身份证号码一样，主要用在网站的总体布局等不经常变动的框架中。 class在div标签中担任的是分类的责任，功能其实跟id差不多，但是id是唯一的而class可以有多个一样的。 Span标签 span标签个人认为用法跟div差不多，不过div是定义一部分代码作版块，而span是定义文章中的一部分字词作版块。在外观上span和div都没有区别，因为它们的变化是通过css等文件进行渲染的。 路径 路径有绝对路径和相对路径2种。 就分辨来讲，绝对路径就是显示文件的详细地址的路径，如：c:\Inetpub\wwwroot\sites\blabla\html\tutorials\index.html 相对路径是与绝对路径相反的显示不详细的路径。如： \tuto