前端学习(HTML)--图片标签

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图片标签</title>
</head>
<body>
    <!-- 
        使用img标签来引入外部图片,img标签是一个自结束标签
        img元素属于替换元素,介于块和行内元素之间,具有两种元素之间
        属性:
            src属性指定的是外部图片的途径(路径规则和超链接一样)

            alt属性是对图片的描述,这个描述默认情况下不会显示,有些浏览器图片无法加载时显示
                搜索引擎会根据alt中的内容来识别图片,如果不写alt属性则图片不会被搜索引擎所收录

            width图片的宽度(单位是像素)
            height图片的高度(单位是像素)
                -宽度和高度中如果只修改了一个,则另一个会等比例缩放

            注意:
                一般情况在pc端,不建议修改图片的大小,需要多大的图片就裁多大
                但是在移动端,经常需要对图片进行缩放(大图缩小)
        
        图片的格式:
            jpeg(jpg)
   

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值