> 技术文档 > HBuilder使用及创建一个简单的web图片页面

HBuilder使用及创建一个简单的web图片页面

 点击左上角,创建项目,选择普通项目

我这里创建的是一个web前端目录,右键点击新建,选择html文件

    
        
        图像页面跳转
    
    
        
        
        
        HBuilder使用及创建一个简单的web图片页面
        

            <!-- area标签设置热点区域 shape属性表示设置热点区域的形状
            rect代表矩形 coords属性是设定图片区域的范围,前两个参数代表左上点的坐标,后两个参数代表右下角的坐标 坐标范围必须要在图片的高度和宽度之内 
            href属性就是跳转路径 target属性,默认值_self表示在当前页面里面进行跳转 _blank 表示在新的窗口打开-->
            
            

加载失败时进行提示            

加载失败时进行提示        

        


        <!-- marquee表示滚动条标签
        behavior=scroll 表示滚动bgcolor 表示背景颜色
        behavior=slide表示滑动,滑动到指定位置就不再进行了
        direction 表示滚动 left向左 right向右 up向上 down向下 -->
         这是一个滚动条
        <!--scrollamonut指定每次移动的距离 取值为正整数,数值越大移动越快,
            scrolldelay表示每次移动的延迟时间 单位是毫秒
            loop表示运行次数 设置为正整数表示运行多少次,-1为无限循环
            height高度 width宽度 高度和宽度都可以设置百分比形式
            hspace表示水平区域的空白宽度,vspace表示垂直区域的空白宽度-->
        滚动字幕滚动字幕
    

代码中的“1-14.jpg”放在文章最后

点击运行,选择自己有的浏览器哈,也可以下载内置浏览器,直接点击右上角的预览

 

1-14.jpg