哈哈哈,又来更新我这一周里面新学的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标签:为浏览者提供额外的提示或帮助信息。简单来说就是鼠标悬停在图片上时显示的小提示。

二.超链接的应用

  1. 超链接的定义:是指从一个网页指向一个目标的连接关系。
  2. 超链接的分类:可以分成页面超链接.锚点超链接.电子邮件超链接。
  3. 图像超链接格式为:<a href="URL"> <img src="图像文件名"/></a>,URL指 统一资源定位符。

超链接锚点锚点的定义:是HTML中用于创建页面内跳转的技术,可以让用户快速导航到统一页面的不同位

锚点中的<a>元素:是构建网页超链接的核心元素,用于实现页面跳转.锚点定位或资源下载。

这次的分享就到这里啦!期待下次见。

祝大家全国计算机考试都顺利通过!!!

更多推荐