点击左上角，创建项目，选择普通项目
我这里创建的是一个web前端目录，右键点击新建，选择html文件
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>图像页面跳转</title>
</head>
<body>
<!-- img标签表示图像引入标签 src属性表示图片的引入路径，分为相对路径和绝对路径，width属性设置图片的宽度，height表示设置图片的高度，usemap属性表示引入热点区域-->
<img src="1-14.jpg" width="450" height="450" usemap="#myMap">
<map name="myMap">
<!-- area标签设置热点区域 shape属性表示设置热点区域的形状
rect代表矩形 coords属性是设定图片区域的范围，前两个参数代表左上点的坐标，后两个参数代表右下角的坐标 坐标范围必须要在图片的高度和宽度之内
href属性就是跳转路径 target属性，默认值_self表示在当前页面里面进行跳转 _blank 表示在新的窗口打开-->
<!--设置热点区域-->
<area shape="rect" coords="0,0,300,225" href="https://www.baidu.com/" alt="加载失败时进行提示" target="_blank" />
<area shape="rect" coords="150,0,300,150" href="https://taobao.com/" alt="加载失败时进行提示" target="_self" />
</map>
<hr />
<!-- marquee表示滚动条标签
behavior=scroll 表示滚动bgcolor 表示背景颜色
behavior=slide表示滑动,滑动到指定位置就不再进行了
direction 表示滚动 left向左 right向右 up向上 down向下 -->
<marquee behavior="slide" bgcolor="blue" direction="down"> 这是一个滚动条</marquee>
<!--scrollamonut指定每次移动的距离 取值为正整数，数值越大移动越快，
scrolldelay表示每次移动的延迟时间 单位是毫秒
loop表示运行次数 设置为正整数表示运行多少次，-1为无限循环
height高度 width宽度 高度和宽度都可以设置百分比形式
hspace表示水平区域的空白宽度，vspace表示垂直区域的空白宽度-->
<marquee behavior="scroll" direction="right" scrollamount="20" scrolldelay="100" loop="2" height="50" width="80%" bgcolor="red" hspace="100" vspace="100">滚动字幕滚动字幕</marquee>
</body>
</html>
代码中的“1-14.jpg”放在文章最后
点击运行，选择自己有的浏览器哈，也可以下载内置浏览器，直接点击右上角的预览
1-14.jpg
扫一扫
2万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
