HTML (二)—— 图片标签
通过近几天的努力,我学习了HTML来创作网页,特在此给编程第一线的战友们分享一下其中的重点内容 。
1 声明
图片标签通常都嵌套在
<body></body>
标签中使用。
2 基本语法
<img src = "img/lfw.png" width = "521" height = "77" alt = "小编的自拍照" border = "1px" align = top|center|bottom(默认) >
⭐不用</img>
- src: 图片存储的路径
- width:图片宽度
- height:图片高度
- alt:图片的描述
- border:图片的边框
- ailgn:图片后的对应文字的竖直位置
3实例
<img src = "img/lfw.png" width = "52px" height = "77px" alt = "小编的自拍照" border = "2px" align = "top" >
表示在"img文件夹中的lfw.png"图片添加要网页中,设置高度77像素,宽度52像素,图片的文字说明是"小编的自拍",图片的边框是2像素,图片邮编的文字位于图片水平顶部
4 运行截图
在这里要注意的是,若想看到alt标签下的图片描述,推荐使用IE浏览器
例如,在估计输错图片地址信息时候,会直接显示出来alt标签的内容