HTML网页元素中的图片和超链接
·
哈哈哈,又来更新我这一周里面新学的web前端开发技术啦!今天我将与大家分享网页元素中的图片和超链接。
一.图像的应用
HTML中加入图片有3种不同的路径:1.绝对路径:是指互联网上唯一且完整的地址,用来精准定位资源。绝对路径表达例:"C:\Users\Lenovo\Desktop\妮妮.jpg
2.相对路径:是一种相当于当前文件位置来定位资源的路径写法。例:<img src="./野原广志.jpg" >
3.互联网中的图片:在任意一个浏览器搜索你想要的图片,打开用鼠标右键————在新标签页中打开图片——-复制该位置。
图像标签的常用属性:1.src标签:指定图像源,即图像的URL路径
2.alt标签:如果图像无法显示,在图像位置代替图像的说明位置。
3.img标签:用于在网页上嵌入图片的核心标签。
4.height标签:图像的显示高度
5.width标签:图像的显示宽度
6.border标签:图像边框大小,默认单位为像素。默认情况下图片没有边框,即border=0.
7.title标签:为浏览者提供额外的提示或帮助信息。简单来说就是鼠标悬停在图片上时显示的小提示。
二.超链接的应用
- 超链接的定义:是指从一个网页指向一个目标的连接关系。
- 超链接的分类:可以分成页面超链接.锚点超链接.电子邮件超链接。
- 图像超链接格式为:<a href="URL"> <img src="图像文件名"/></a>,URL指 统一资源定位符。

超链接锚点
锚点的定义:是HTML中用于创建页面内跳转的技术,可以让用户快速导航到统一页面的不同位
锚点中的<a>元素:是构建网页超链接的核心元素,用于实现页面跳转.锚点定位或资源下载。

这次的分享就到这里啦!期待下次见。
祝大家全国计算机考试都顺利通过!!!
更多推荐



所有评论(0)