HTML (二)—— 图片标签

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标签的内容
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值