08-HTML学习-图片标签-CFANZ编程社区

08-HTML学习-图片标签
网上下载的图就是这么上传的
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 图片标签:可以向网页中引入一张图片
        img 标签引入图片
        img 是一个自结束标签(单标签)

        标签的属性
        src 指定需要插入图片的路径(本地\网络)
        alt  替换文本,当图片无法正常显示时,替换的文本,有助于搜索引擎的识别
        title 提示文本,当鼠标放在文本上,提示的文本
        width \ height 设置图片的宽度和高度,单位是像素,px;设置其中之一,则会等比例,两个都设置,则会执行,通常不会设置图片大小

        图片的格式
        jpg jpeg 支持的颜色比较丰富,不支持透明效果,不支持动图
        gif 支持的颜色较少,支持简单透明 支持动图
        png 支持颜色较多,支持复杂透明,不支持动图
        webp 谷歌新推出的图片形式专门用以网页,具有以上图片所有的优点兼容性不好


    -->
    <img src="./1.png">
    <img src="https://img2.baidu.com/it/u=2179385837,288805018&fm=253&fmt=auto&app=138&f=JPEG?w=633&h=500">
    <img src="sackjdhcg.png" alt="图片无法正常显示">
    <img src="./1.png" alt="骑自行车" title="一起来玩啊">
</body>
</html>
0 条评论