HTML5网页设计阶梯教程(3)——编辑图片

上次讲到了图片的插入和文字编辑,这章,我讲一讲如何用HTML5编辑图片。
第一,是设置图片的长和宽:在这里插入图片描述
如图,这是一个插入图片的代码,其中,src是图片路径,width是图片宽度,height是图片高度,注意输入数字的时候要加双引号。
第二,是设置图片提示文字:在这里插入图片描述
与上一个基本相同,加了alt标签,alt标签是用来设置提示文字的,当鼠标放到图片上时,提示文字就会显示出来。
第三,就是如何设置网页背景:在这里插入图片描述
当将这个代码保存成.html文件并打开后,你就会发现,页面被图片填满了,当然,不是长宽刚好的那种,而是如果你的图片比网页小,系统就会自动重复图片,直到填满为止。
最后,就是如何创建图像热点:在这里插入图片描述
在上述代码中,先插入图像“6.jpg”,然后再图像上的“334.87.38”处绘制名为“Map”的圆形热点区域,并设置区域的链接地址,目标和替换的名称。
标注:部分浏览器不会支持图片提示文字功能,比如火狐浏览器。
这期的内容就到这里了,下一章我再讲讲如何创建表格和设置单元格的大小。
系列教程持续发布中,欢迎订阅、关注、收藏、评论、点赞哦~~( ̄▽ ̄~)~

©️2020 CSDN 皮肤主题: 数字20 设计师:CSDN官方博客 返回首页