HTML (二)—— 图片标签

来源:互联网 发布:js转换日期格式 编辑:程序博客网 时间:2024/05/16 14:38

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标签的内容
原创粉丝点击