好文档就是一把金锄头!
欢迎来到金锄头文库![会员中心]
电子文档交易市场
安卓APP | ios版本
电子文档交易市场
安卓APP | ios版本

html列表,文字和路径.doc

4页
  • 卖家[上传人]:ss****gk
  • 文档编号:231405337
  • 上传时间:2021-12-29
  • 文档格式:DOC
  • 文档大小:74.50KB
  • / 4 举报 版权申诉 马上下载
  • 文本预览
  • 下载提示
  • 常见问题
    • 列表,文字和路径这次主要学习的是HTML里的列表,文字和路径喲嘻,开始了!首先是列表在以前,人们建站通常都是使用表格和框架,但是在SEO的今天,表格跟框 架是极不利于网站优化的,所以表格和框架的使用渐渐被能够达到同样效果的CSS所替代那么CSS是怎么营造出表格和框架的效果的呢?那就要得益于今天学到的列表标签

        ,
      • /
          /
          /
          和vddx/code>了!现在的网站,绝大部分都是用这些列表标签 构成的,例如导航条,信息栏等就以大成未来的网站为例,打开大成未來的源文本会发现 目Z所及的地方儿乎都是用,标签集合而成的下面是列表标签的讲解:ul标签代表的是无序列表标签,01代表的是有序列表标签UI标签ul是uunordered listsn的缩写,就是无序的意思格式: 文字 v/li>vli>文字 2vli>文字 3
      还有一个ul标签的嵌套版本,这个有点难,但是只要你把它想象成盒子,一个套一个,理 清了头绪就能茅塞顿开了格式:vbody> 文字
        vli>小文字v/li>
      vli>文字2
        vli>小文字 2
      vli>文字 3
        vli>小文字 3
    01标签01标签是"ordered lists"的缩写,是有序列表的意思。

    01标签的格式跟ul的是一样的 格式: 文字 v/li>

  • 文字 2
  • vli>文字 3ol标签跟ul—样,也是有嵌套版本的格式: 文字
      vli>小文字v/li>
    1. 小文字 a
    2. vli>小文字 b
    vli>文字2
      vli>小文字 2
    vli>文字 3
      vli>小文字 3
    DI标签dl标签,dl是“definition lists”的 缩写DI标签是用来给字词下定义用的与dl标签相关的还有2个标签,分别是:
    和vddx/code>dt是udefinition termn的缩写,而dd则是adefinition descriptionn的缩写由此不容易看 出dl标签的定义作用格式: 馒头
    vdd>馒头是•一种用淀粉做成是食品vdt> 米饭 vdd>米饭是由淀粉做成的食品值得注意的是:虽然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:\ln etpub\wwwroot\sites\blabla\html\tutorials\i ndex .html相对路径是与绝刈路径相反的显示不详细的路径如:\tutorials\index.html这种的路径a同一个目录的文件引用如果源文件和引用文件在同一个目录里,直接写引用文件名即可我们现在建一个源文件info.html ,在info.html里要引用index.html文件作为超链接 假设 info.html 路径 是:c:\lnetpub\wwwroot\sites\blabla\info .html假设 index.html 路径是:c :\lnetpub\wwwroot\sites\blabla\index.html在info.html加入index.html超链接的代码应该这样写:in dex.htmlb如何表示上级目录••/表示源文件所在目录的上一级目录,・•/・・/表示源文件所在目录的上上级目录,以此类 推假设 info.html 路径是:c:\lnetpub\wwwroot\sites\blabla\info .html假设 index.html 路径是:c:\lnetpub\wwwroot\sites\index.html在info .html加入index.html超链接的代码应该这样写:../index.html假设 info.html 路径是:c:\lnetpub\wwwroot\sites\blabla\info.html假设 index.html 路径是:c :\lnetpub\wwwroot\index.html在info.html加入index.html超链接的代码应该这样写:../../index.html假设 info .html 路径是:c:\lnetpub\wwwroot\sites\blabla\info.html假设 index.html 路径是:c:\lnetpub\wwwroot\sites\wowstor叭index.html在info.html加入index.html超链接的代码应该这样写:../wowstory/i ndex.htmlc如何表示下级目录引用下级目录的文件,直接写下级目录文件的路径即可。

    假设 info.html 路径是:c:\lnetpub\wwwroot\sites\blabla\info.html假设 index.html 路径是:c:\lnetpub\wwwroot\sites\blabla\html\index.html在info .html加入index.html超链接的代码应该这样写:html/index.html假设 info.html 路径是:c:\lnetpub\wwwroot\sites\blabla\info.html 怎样在一个HTML网页中引用另外一个HTML网页作为超链接假设 index.html 路径是:c:\lnetpub\wwwroot\sites\blabla\html\tutorials\index.html在info.html加入index.html超链接的代码应该这样写:html/tutorials/index.html。

    点击阅读更多内容
      手机版 | 川公网安备 51140202000112号 | 经营许可证(蜀ICP备13022795号)
      ©2008-2016 by Sichuan Goldhoe Inc. All Rights Reserved.
      • QQ咨询
      • 微信客服
      • 返回顶部