以这个为例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title> 这是title </title>
</head>
<body>
<h1>我的第一个标题</h1>
<p>我的第一个段落。</p>
</body>
</html>
前用来申明这是一个html，这里的html不区分大小写
<!DOCTYPE html>
...
HTML 标题（Heading）是通过 <h1> - <h6> 标签来定义的。
<h1> 1级标题 </h1>
HTML 段落是通过标签 <p> 来定义的.
<p> 段落 </p>
HTML 链接是通过标签 <a> 来定义的.
<a href="http://www.baidu.com"> 百度 </a>
形式如： 百度
浏览器可自动识别这个表示，brefz指链接地址，它是一个属性。
href：hypertext reference的缩写，即超链接。
HTML 图像是通过标签 <img> 来定义的.
<img src="/images/logo.png" width="258" height="39" />
/images/logo.pn这里应该是图片的相对路劲
<img src="这里是图片链接地址"258" height="39" />
如：
<img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1586914390285&di=12f7beccbbf38a5d4af968495fae047a&imgtype=0&src=http%3A%2F%2F5b0988e595225.cdn.sohucs.com%2Fimages%2F20171201%2Fbb1dbfd84d5a4714943bc75d9bd42f60.png" width="554" height="294" />
src就像前面 链接 里面的href一样。
src：source的缩写，表示引用资源
href：hypertext reference的缩写，即超链接。