html列表,文字和路径.doc

本文由大成未来提供：列表，文字和路径 这次主要学习的是HTML里的列表，文字和路径。 喲嘻，开始了！ 首先是列表。在以前，人们建站通常都是使用表格和框架，但是在SEO的今天，表格跟框架是极不利于网站优化的，所以表格和框架的使用渐渐被能够达到同样效果的CSS所替代。 那么CSS是怎么营造出表格和框架的效果的呢？那就要得益于今天学到的列表标签,和了!现在的网站，绝大部分都是用这些列表标签构成的，例如导航条，信息栏等。就以大成未来的网站为例，打开大成未来的源文本会发现目之所及的地方几乎都是用,标签集合而成的。 下面是列表标签的讲解： ul标签代表的是无序列表标签，ol代表的是有序列表标签。 Ul标签 ul是“unordered lists”的缩写，就是无序的意思。 格式：文字文字2文字3还有一个ul标签的嵌套版本，这个有点难，但是只要你把它想象成盒子，一个套一个，理清了头绪就能茅塞顿开了。 格式：文字小文字文字2小文字2文字3小文字3 Ol标签 Ol标签是“ordered lists”的缩写，是有序列表的意思。Ol标签的格式跟ul的是一样的。 格式： 文字文字2文字3 ol标签跟ul一样，也是有嵌套版本的。 格式：文字小文字小文字a小文字b文字2小文字2文字3小文字3 Dl标签 dl标签，dl是“definition lists”的 缩写。Dl标签是用来给字词下定义用的。 与dl标签相关的还有2个标签，分别是：和。 dt是“definition term”的缩写，而dd则是“definition description”的缩写。由此不容易看出dl标签的定义作用。 格式： 馒头馒头是一种用淀粉做成是食品。米饭米饭是由淀粉做成的食品。 值得注意的是：虽然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:Inetpubwwwrootsitesblablahtmltutorialsindex.html 相对路径是与绝对路径相反的显示不详细的路径。如： tutorialsindex.html这种的路径 a同一个目录的文件引用 如果源文件和引用文件在同一个目录里，直接写引用文件名即可。 我们现在建一个源文件info.html ，在info.html里要引用index.html文件作为超链接。 假设info.html路径 是：c:Inetpubwwwrootsitesblablainfo .html 假设index.html路径是：c :Inetpubwwwrootsitesblablaindex.html 在info.html加入index.html超链接的代码应该这样写： index.html b如何表示上级目录 ./表示源文件所在目录的上一级目录，././表示源文件所在目录的上上级目录，以此类推。 假设info.html路径是：c:Inetpubwwwrootsitesblablainfo .html 假设index.html路径是：c:Inetpubwwwrootsitesindex.html 在info .html加入index.html超链接的代码应该这样写： ./index.html 假设info.html路径是：c:Inetpubwwwrootsitesblablainfo.html 假设index.html路径是：c :Inetpubwwwrootindex.html 在info.html加入index.html超链接的代码应该这样写 ： ././index.html 假设info .html路径是：c:Inetpubwwwrootsitesblablainfo.html 假设index.html路径是：c:Inetpubwwwrootsiteswowstoryindex.html 在info.html加入index.html超链接的代码应该这样写： ./wowstory/index.html c如何表示下级目录 引用下级目录的文件，直接写下级目录文件的路径即可。 假设info.html路径是：c:Inetpubwwwrootsitesblablainfo.html 假设index.html路径是：c:Inetpubwwwrootsitesblablahtmlindex.html 在info .html加入index.html超链接的代码应该这样写： html/index.html 假设info.html路径是：c:Inetpubwwwrootsitesblablainfo.html 怎样在一个HTML网页中引用另外一个HTML网页作为超链接。 假设index.html路径是：c:Ine