当前博客:07-html标记基本知识:图像标签(一)

915 次浏览

135***722

增强知识,努力学习
和利快云一起学html标记基本知识:图像标签

图像是网页中不可缺少的元素,巧妙地在网页中使用图像可以为网页增色不少。网页美化最简单、最直接的方法就是在网页上添加图像,图像不但使网页更加美观、形象和生动,而且使网页中的内容更加丰富多彩。利用图像创建精美网页,能够给网页增加生机,从而吸引更多的浏览者。
一、 src属性用于指定图像源文件所在的路径,它是图像必不可少的属性。
语法:
imgsrc="图像文件的地址”
说明:在该语法中,src参数用来设置图像文件所在的路径,这一路径可以是相对路径,也可以是绝对路径。
二、 图像的提示文字alt
提示文字有两个作用,当浏览该网页时,如果图像下载完成,将鼠标指针放在该图像上,鼠标指针旁边会出现提示文字。也就是说,当鼠标指针指向图像上方的时候,稍等片刻,可 以出现图像的提示性文字,用于说明或者描述图像。第二个作用是,如果图像没有被下载,在图像的位置上就会显示提示文字。
语法:
imgsrc="图像文件的地址"alt="提示文字的内容”
说明:在该语法中,提示文字的内容可以是中文,也可以是英文。
三、 图像的宽度和高度width、height
width和height属性用来定义图片的高度和宽度,如果img元素不定义高度和宽度,图片就会按照它的原始尺寸显示。
语法
ingsrc="图像文件的地址"width="图像的宽度”height="图像的高度”
说明:在该语法中,图像的宽度和高度的单位是像素。
举例:



和利快云一起学html标记基本知识:图像标签

图像是网页中不可缺少的元素,巧妙地在网页中使用图像可以为网页增色不少。网页美化最简单、最直接的方法就是在网页上添加图像,图像不但使网页更加美观、形象和生动,而且使网页中的内容更加丰富多彩。利用图像创建精美网页,能够给网页增加生机,从而吸引更多的浏览者。
一、 src属性用于指定图像源文件所在的路径,它是图像必不可少的属性。
语法:
imgsrc="图像文件的地址”
说明:在该语法中,src参数用来设置图像文件所在的路径,这一路径可以是相对路径,也可以是绝对路径。
二、 图像的提示文字alt
提示文字有两个作用,当浏览该网页时,如果图像下载完成,将鼠标指针放在该图像上,鼠标指针旁边会出现提示文字。也就是说,当鼠标指针指向图像上方的时候,稍等片刻,可 以出现图像的提示性文字,用于说明或者描述图像。第二个作用是,如果图像没有被下载,在图像的位置上就会显示提示文字。
语法:
imgsrc="图像文件的地址"alt="提示文字的内容”
说明:在该语法中,提示文字的内容可以是中文,也可以是英文。
三、 图像的宽度和高度width、height
width和height属性用来定义图片的高度和宽度,如果img元素不定义高度和宽度,图片就会按照它的原始尺寸显示。
语法
ingsrc="图像文件的地址"width="图像的宽度”height="图像的高度”
说明:在该语法中,图像的宽度和高度的单位是像素。
举例:



博客推荐
阅览:263
用户:动感地带
用户上传   2020-10-17
阅览:221
用户:仰望星空
用户上传   2020-10-17
阅览:1017
用户:仰望星空
用户上传   2020-10-13
阅览:330
用户:仰望星空
用户上传   2020-10-13
阅览:344
用户:动感地带
用户上传   2020-10-11
阅览:310
用户:仰望星空
用户上传   2020-10-8
阅览:288
用户:仰望星空
用户上传   2020-10-7
阅览:293
用户:仰望星空
用户上传   2020-10-6