图像标签
<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>
例如: ©版权符号
例如: " 双引号符号"
<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 />