HTML常用标签
一.a标签
1. 定义和用法:
<a>
标签可定义锚。锚 (anchor) 有两种用法:
- 通过使用 href 属性,创建指向另外一个文档的链接(或超链接)
- 通过使用 name 或 id 属性,创建一个文档内部的书签(也就是说,可以创建指向文档片段的链接)
2. 常用属性
2.1 href属性
链接的目标 URL。
可能的值:
- 外部链接
指向另一个站点(比如 href=“http://www.baidu.com”) - 内部链接
指向站点内的某个文件(URL为文件路径)(href=“index.html”) - E-mail链接
并允许访问者向指定的地址发送邮件<a href="mailto:电子邮件地址">
锚 URL - 指向页面中的锚(href="#top")
2.2 name属性
<a>
标签的name属性用于指定锚的名称。
创建锚点
<a name="锚点名称">显示内容</a>
链接锚点:
<a href="#锚点名称">显示内容</a>
2.3 target属性
blank:在新窗口中打开
self:在自身窗口中打开(默认值)
parent:在上一级窗口中打开,框架会经常使用
top:在浏览器的整个窗口中打开,忽略任何框架
2.4. shape属性
default,rect ,circle ,poly 规定链接的形状。
shape属性常与与map和area一起使用。
二、img标签
-
定义和用法
img 元素可定义一副图像。 -
常用属性
属性 值 描述 alt text 规定图像的替代文本 src URL 规定显示图像的 URL height pixels(像素)或% 定义图像的高度 width pixels(像素)或% 设置图像的宽度。
三、map与area标签
-
定义和用法
定义一个客户端图像映射。图像映射(image-map)指带有可点击区域的一幅图像。 -
注意
area 元素永远嵌套在 map 元素内部。area 元素可定义图像映射中的区域。
<img>
中的 usemap 属性可引用<map>
中的 id 或 name 属性(取决于浏览器),所以我们应同时向<map>
添加 id 和 name 属性。
例:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <img src="2.png" usemap="#planemap" alt="星空"></img>