图片标签
标签:
<img src="" alt="">
属性:
src 图片的路径 alt 如果图片不能正常显示,则会显示alt的内容 title 如果鼠标在图片上悬停,会跳出来的提示,这个不是图片专属,除了br,其他都可以设置 width 设置图片的宽度(宽度和高度设置一个会等比例缩放,如果都设置,则绝对缩放) height 设置图片的高度(一般和宽度只设置一个) src路径查找:
- 绝对路径
1、网址:可以在网站直接复制
2、盘符:在本地磁盘的某一个具体的角落
- 相对路径
1、平级:直接写图片的名字
2、上一级:在前面加
../
3、下一级:在前面加
/
Html示例:
<body> <!-- 这是路径为平级的图片 --> <img src="2.jpg" alt="如果图片不显示,则显示我" title="鼠标停在图片上,显示我" width="400px"> <!-- 这是路径为上一级的图片--> <img src="../web_Day0309/resource/images/1.jpg" alt=""> <!-- 这是路径为下一级的图片--> <img src="/resource/images/1.jpg" alt=""> </body>