<a>普通链接,邮件链接<id><img>

设置html链接

普通链接

<a href="目标网址" title="鼠标滑过显示的文本">链接显示的文本</a> href=Hypertext Reference

title属性的作用，鼠标滑过链接文字时会显示这个属性的文本内容。这个属性在实际网页开发中作用很大，主要方便搜索引擎了解链接地址的内容（语义化更友好）

<a>标签在默认情况下，链接的网页是在当前浏览器窗口中打开，有时我们需要在新的浏览器窗口中打开。

如下代码：

<a href="目标网址" target="_blank">click here!</a>

实现从一张页面的A位置连接到其他页面指定位置B

书本例子：点击页面A的Chai tea标题，直接链接到页面B有关Coffee的内容。

1. 在A页面中确定锚点,设立id（确定想建立链接的内容）在这个例子中，为Chai tea标题添加id.            设置<h2id="chai">Chai Tea</h2>                       (这个“chai”id必须是该页面唯一的)
2. 查看B页面源代码，确认要链接的目标id，Coffee标题的源代码<h3 id="Coffee">Coffee</h3> ，确定要链接的目标标题为“Coffee”                                                                                    也可以在以其他<p>和<h>自己动手设立id,实验一下.
3. 回到A页面，设置为链接地址#目标标题<h2 id="chai"> 下面的<a href="目标页面地址.html#Coffee">
4. 注意目标页面地址前 把view source 去掉，否则你连接到的是对应的血淋淋的代码段。
5. 简而言之，就是<a href="….html#目标id">Read our history</a> 

走过的弯路：

• 要分清id和href的关系,前者是出现在目标页面中的，后者是要在原页面设置链接。
• 你可根据需要自己在其他段落前设置id.然后引用链接.html.#（id名称）
• #id名称有两个条件，一是确保id是唯一的，二是要注意大小写匹配！！

问题来了，id可以嵌套在什么标签内?

见翁恺老师html视频课时19 链接提到绝大部分表结构的标记如<h1><p>都可以嵌入id

那么问题又来了，id可以嵌套在什么标签内？

并没有硬性规定，看个人喜好。不过CSS有讲究。

来自慕课<a>设置邮件链接

注意：&body 不要有空格

设置图片链接

<img src="图片地址"alt="下载失败时的替换文本"title= "提示文本">

img有2个必须的属性alt 和 title

情境:当原链接（图片，网页等）被改放到新文件夹，网页超链接会失效。

方法:

无论原链接移动到子文件夹或父文件夹，都可按照格式直接复制粘贴新地址。（记得把\改为/）

或者

向上链接到上一层父文件夹，可以使用"../文件名.html"

向上连接到上两层父文件夹，则可使用"../../文件名.html"

以此类推，可以使用多个../../../ (不建议多用，网站构建初期要组织好网站文件)

例如  

<a href="C:\Users\Administrator\Desktop\HTML\Html cell\lounge2.html">Back to the Lounge</a>

变成

<a href="../lounge2.html">Back to the Lounge </a>

那么问题来了，如何判断是向上还是向下？

F:\Calibration\PDF\IT\Html\Headfirst参考手册 hfhtmlcss\chapter2\lounge

F:\Calibration\PDF\IT\Html\Headfirst参考手册 hfhtmlcss\chapter2

lounge文件夹的上一层是chapter2

走过的弯路：

• 开头没有声明 <meta charset="utf-8">  或书写错误，图片显示失败
• 在Notepad++中同时打开同一份文件在编辑 +_+
• 对于网页，要使用"/"（斜线）。Windows操作系统使用''\''作为文件分隔符，但在HTML路径要统一使用"/"
• 上下层文件夹判断错误，"../../文件名.html"大法失效