<HTML>超文本

<a>标签

  1. <a href="..."> 标签 </a>
  2. <a>元素创建一个超文本链接,链接到另一个web页面。
  3. href: hypertextreference, 可指向各种各样的资源。
  4. 如果把一个<img>元素放在一个<a>标记之间,这个图像就可以单击。
  5. 注意href属性值的地址,如果不是一个文件夹中的,记得要用相对路径。

属性

  1. Attributes
  2. 例子
    1. <style type="text/css">
    2. <a href="index,html">
    3. <img src="photo.gif">
  3. 属性名 = "属性值"
  4. 现在HTML5已支持定制数据属性

组织

  1. 根文件:包含整个网站的顶级文件。
  2. 希望某些图像能在多个网页上重用,所以把图像都放在根目录下的一个文件夹里集中维护。
  3. 分支:每个向下到一个文件或文件夹的路径就是一个分支
  4. 注意<a>中href属性的路径问题
    1. <a>标签中,如果直接给href属性赋值文件名,那么浏览器会默认是在同个文件里找文件。
    2. 从上往下:
      1. file1/aim.html---首先从通过文件内进入file1文件,再在file1文件内找aim.html,中间用“/”分隔路径的各个部分。
      2. ex: <a href="beverages/elixir.html">elixirs</a>
    3. 从下往上
      1. 用".."来表示在父文件中查找文件。
      2. ".." 读作 “dot dot”
      3. 也是用“/”分隔路径的各个部分
      4.  上两层的dot dot之间也要用"/"分开, ex: ../../elixirs.html
      5. 不同操作系统都是用 "/" 分隔
      6. 可与从上往下的结合
  5. <img>元素的src属性也有一个相对路径值
    1. <img src="../images/drink.jpg">
  6. 为网站选择的文件名和文件夹名中不要使用空格。

猜你喜欢

转载自www.cnblogs.com/xuwanwei/p/10630513.html