<a>标签
- <a href="..."> 标签 </a>
- <a>元素创建一个超文本链接,链接到另一个web页面。
- href: hypertextreference, 可指向各种各样的资源。
- 如果把一个<img>元素放在一个<a>标记之间,这个图像就可以单击。
- 注意href属性值的地址,如果不是一个文件夹中的,记得要用相对路径。
属性
- Attributes
- 例子
- <style type="text/css">
- <a href="index,html">
- <img src="photo.gif">
- 属性名 = "属性值"
- 现在HTML5已支持定制数据属性
组织
- 根文件:包含整个网站的顶级文件。
- 希望某些图像能在多个网页上重用,所以把图像都放在根目录下的一个文件夹里集中维护。
- 分支:每个向下到一个文件或文件夹的路径就是一个分支
- 注意<a>中href属性的路径问题
- <a>标签中,如果直接给href属性赋值文件名,那么浏览器会默认是在同个文件里找文件。
- 从上往下:
- file1/aim.html---首先从通过文件内进入file1文件,再在file1文件内找aim.html,中间用“/”分隔路径的各个部分。
- ex: <a href="beverages/elixir.html">elixirs</a>
- 从下往上
- 用".."来表示在父文件中查找文件。
- ".." 读作 “dot dot”
- 也是用“/”分隔路径的各个部分
- 上两层的dot dot之间也要用"/"分开, ex: ../../elixirs.html
- 不同操作系统都是用 "/" 分隔
- 可与从上往下的结合
- <img>元素的src属性也有一个相对路径值
- <img src="../images/drink.jpg">
- 为网站选择的文件名和文件夹名中不要使用空格。