一、超链接标签
在网页中点击后可以跳转的内容都是超链接
- 语法:
<a href="URL" target="XX“”>网页显示的内容</a>
属性解释
1、href属性,插入要跳转的网站。 URL 指要跳转的网址
如果 href属性 的值为 javascript:; 可实现超链接不跳转,类似button功能。
exp:<a href="javascript:;">删除</a> //点击删除就不会跳转了
2、target属性值:(常用)
_self 表示当前页面跳转
_blank 表示打开新的页面跳转
☆其他标签的name属性值 和其他标签联动使用,比如搭配iframe标签(在iframe窗口中加载内容),就需要target="iframe标签中,name属性的值"
如果在超链接标签的事件属性里面的响应函数中 return false,可以阻止超链接跳转(实现button效果)。
二、图像标签 (单标签)
可以在HTML页面显示图像。
语法:(样式属性都可以给css做,这里了解下)
<img src="图像路径URL" 【width="200"】 【height="200"】【border="1"】【alt="图像备注"】/>
属性解释:
1、src属性:设置图像路径。一般自己工程的图片,都用相对路径
备注:在WEB中,路径分为绝对路径和相对路径。
相对路径: (特别注意从工程所在的文件夹算起,工程文件夹之外的图片,显示不出来)
.表示当前目录
..表示上一级目录
文件名 表示当前文件所在目录的文件,相当于./文件名, 注意./ 允许省略
绝对路径:http://ip:port/工程名/图像路径
2、width、height属性:修改图像宽度和高度,单位是像素
3、border属性:设置图像边框,单位是像素
4、alt属性:显示不出图片的时候,替代的文字