html基础

（1）图像和超链接标签

图像标签语法：<img src = " " alt = "" />

img 属性包括src alt height width 

width = "50px" 或者用百分比  width = "20%"

（2）HTML路径包括：相对路径和绝对路径

绝对路径要从盘符开始直到找到相应的文件。而相对路径指的是图片相对你网页的路径，如果是同级文件夹下的图片，直接写图片，如果是上一级文件夹，则../。../代表一个上一级，如上一级的上一级则表示为../../

（3）alt表示文字代替图片

作用：当网速太慢，src属性中的错误，浏览器禁用图像时，用户无法查看图像，alt属性可以代替图像显示在浏览器中的内容。

（4）超链接标签

点击后页面的跳转。

语法：<a href = "" >内容</a>

href：链接地址，可以是内部连接或者外部链接

（5）超链接（空连接-target-title）

空连接 <a href = "#" > </a> 不发生任何跳转

超链接标签的属性有：href  链接地址     target 链接的目标窗口 _self  _blank _top _parent

title 链接提示文字（在鼠标边上显示的文字）  name 链接命名 

默认情况下  是在当前页面下打开新的链接  也可以修改 ，这时候用到target

target = "_self"  默认在当前打开窗口

target = "_blank"  创建新的窗口来打开指定的页面

后面两种_top _parent 是和页面的框架结构相关的，在这里先不做说明

（6）锚链接（书签）

利用name属性 ，实现在同一页面中，不同内容位置跳转。

定义锚：（1，定义锚的位置和锚名。2，设置寻找锚的链接）

（7）定义锚（不同页面）

在第一个页面中点击相应的内容，跳转到第二个页面的想对应内容上（在目标网页上定义锚，在源网页中指定寻找锚的位置）

（8）链接扩展功能

超链接还能进一步扩展网页的功能，如邮件链接

1，电子邮件链接：<a href = "mailto:邮件地址"> ... </a>

例如<a href = "mailto:alisa@mukewang.com">反馈意见</a>  就会直接跳转到写邮件的页面，并且收件人自动保存为邮件地址

2，文件下载：<a href = "下载文件的地址：">....</a>

（9）HTML基础总结