HTML基础2-图像标签

最新推荐文章于 2024-08-05 17:22:58 发布

A～万

最新推荐文章于 2024-08-05 17:22:58 发布

阅读量72

点赞数 1

文章标签： html

本文链接：https://blog.csdn.net/mnbvk098/article/details/110679945

版权

图像标签

<img src=“图片地址”alt="seo优化相关，关键字等" title="图像的替代文本,鼠标悬停提示文字"/>

src：指定图片所在路径可以是网络路径，或者相对路径，绝对路径
alt：专门给SEO中搜索引擎抓取用
title：额外的提示或帮助信息，指定的替代文本

<!DOCTYPE html>
<html>
    <head>    <!-- head头部标签 -->
        <meta charset="utf-8">   <!--声明网页字符编码-->
        <title>我的第一个网页</title>      <!-- title网页标题 -->
        <meta content="text"/>
    </head>
    <body>              <!--boby主体部分-->
        hello World
        <br/>  <br/>    <!-- 换行标签 -->
        ctrl+/ 注释和反注释
        <h1>第一</h1>  
        标题下面的内容 显示<span style="color:red;">在标题</span>下面 格式都一致<!-- <单独设置的除外> -->
        <h2>第二</h2>
        例如： &copy;版权符号
        例如：  &quot;  双引号符号&quot;
        <h3>第三</h3>
        <p>床前明月光</p>
        <p>疑是地上霜</p>
        <h4>第四</h4>
        <h5>第五</h5>
        <h6>第六</h6>
        <img src="https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=2976245837,3771767918&fm=26&gp=0.jpg" />
        <!-- 调用网络图片-绝对路径-可选 -->
        <img src="123.jpg" alt="风景" title="风景"/>
        <!-- 站点中图片 相对路径-优选 -->
    </body>
</html>

width=“150px” ，指定宽度的具体值，正常情况下，px可以省略不写,width=“150”
width=“50%” 不指定具体的宽度值，但是以显示屏幕的比例为准
width 宽度。
height 高度
同时指定宽度和高度，可能会导致图片比例失衡，导致图片失真。一般建议只设置宽度即可。图片大小会随宽度的设定等比例缩放

<img src="timg.jpg" alt="液晶电视" title="打折液晶电视" height="100" width="150" /><br />

在这里插入图片描述

A～万

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
2
评论
HTML基础2-图像标签

图像标签<img src=“图片地址”alt="seo优化相关，关键字等" title="图像的替代文本,鼠标悬停提示文字"/>src：指定图片所在路径可以是网络路径，或者相对路径，绝对路径alt：专门给SEO中搜索引擎抓取用title：额外的提示或帮助信息，指定的替代文本<!DOCTYPE html><html> <head>  <meta charse
复制链接

扫一扫