以这个为例:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title> 这是title </title>
</head>
<body>
<h1>我的第一个标题</h1>
<p>我的第一个段落。</p>
</body>
</html>
DOCTYPE
前用来申明这是一个html,这里的html不区分大小写
<!DOCTYPE html>
...
HTML标题
HTML 标题(Heading)是通过 <h1>
- <h6>
标签来定义的。
<h1> 1级标题 </h1>
HTML段落
HTML 段落是通过标签 <p>
来定义的.
<p> 段落 </p>
HTML链接
HTML 链接是通过标签 <a>
来定义的.
<a href="http://www.baidu.com"> 百度 </a>
形式如: 百度
浏览器可自动识别这个表示,brefz指链接地址,它是一个属性。
href:hypertext reference的缩写,即超链接。
HTML图像
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的缩写,即超链接。