前端学习:html基础学习三

5、图像标记(主要内容<img>标记)

---

<img>标记的使用方法

<img src="路径/文件名.图片格式" width="属性值" height="属性值" border="属性值" alt="属性值">

---

<img>标记的属性

src属性

作用

　　指定我们要加载的图片的路径和图片的名称以及图片格式

width属性

作用

　　指定图片的宽度，单位px、em、cm、mm

height属性

作用

　　指定图片的高度，单位px、em、cm、mm

border属性

作用

　　指定图标的边框宽度，单位px、em、cm、mm

alt属性

作用1

　　当网页上的图片被加载完成后，鼠标移动到上面去，会显示这个图片指定的属性文字

作用2

　　如果图像没有下载或者加载失败，会用文字来代替图像显示

作用3

　　搜索引擎可以通过这个属性的文字来抓取图片

注释：

注释：alt 属性的值是一个最多可以包含 1024 个字符的字符串，其中包括空格和标点。这个字符串必须包含在引号中。这段 alt 文本中可以包含对特殊字符的实体引用，但它不允许包含其他类别的标记，尤其是不允许有任何样式标签。

注释：当用户把鼠标移动到 img 元素上时，Internet Explorer 会显示出 alt 属性的值。这种行为并不正确。所有其他的浏览器正在向规范靠拢，只要当图像无法显示时，才会显示出替代文本。

提示：如果需要为图像创建工具提示，请使用 title 属性。

---

注意事项

1、<img>为单标记，不需要使用</img>闭合

2.在加载图像文件的时候，文件的路径或者文件名文件格式错误，将无法加载图片

---

6、超链接的使用（主要内容<a>标记）

---

基本语法

<a href="" target="打开方式" name="页面锚点名称" >链接文字或者图片</a>

---

属性

href属性

链接的地址，链接的地址可以是一个网页，也可以是一个视频、图片、音乐等等

target属性

(1)作用

　　定义超链接的打开方式

(2)属性值

　　_blank:在一个新的窗口中打开链接

　　_seif(默认值):在当前窗口中打开链接

　　_parent:在父窗口中打开页面（框架中使用较多）

　　_top:在顶层窗口中打开文件（框架中使用较多）

(3)name属性

　　指定页面的锚点名称