html版本声明
<!-- 版本声明 -->
<!DOCTYPE html>
<html lang="en">
头部head,编码方式,标题标签
<head>
<!-- 编码方式 -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- 标题标签 -->
<title>html基础</title>
</head>
页面主体
<body>
<!-- h1-h6标题标签 -->
<h1>标题标签</h1>
<h2>标题标签</h2>
<h3>标题标签</h3>
<h4>标题标签</h4>
<h5>标题标签</h5>
<h6>标题<br>标签</h6>
<!-- 段落标签 -->
<p>段落标签</p>
<!-- 水平线 -->
<hr>
<!-- 换行标签 -->
<br>
<!-- 通用标签 -->
<div face="楷体" size="22">段落标签标题标签<br><h6>标题<br>标签</h6></div>
<!-- 字体标签 -->
<font color="pink" face="楷体" size="45">字体标签</font>
<!-- 粗体标签 -->
<b>粗体标签</b> <strong>粗体标签</strong>
<!-- 斜体标签 -->
<i>斜体标签</i> <em>斜体标签</em>
<!-- 删除线 -->
<s>删除线</s> <del>删除线</del>
<!-- 下划线 -->
<u>下划线</u> <ins>下划线</ins>
<!-- 上标 -->
<sub>上标</sub>
<!-- 下标 -->
<sup>下标</sup>
<!-- 标记 -->
<mark title="这是一大段文字">mark标记</mark>
<!-- 缩写 -->
<abbr title="这是另外一大段文字">缩写</abbr>
<br>
<!-- 通用行内标签 -->
<span>通用行内标签</span>
<!-- 图片标签 -->
<img src="./img/11.jpg" width="200" height="100" alt="">
<!-- a标签 超链接 href 里面放链接路径 -->
<a href="https://www.baidu.com">百度</a>
<!-- 跳转项目内的页面
target: _blank:跳转新窗口
_self: 在本窗口打开-->
<a href="" target="_blank">跳转a页面</a>
<a href="" target="_self">跳转b页面</a>
<!-- 音频标签 -->
<!-- controls 控件属性 -->
<!-- loop 循环播放 -->
<!-- autoplay 打开自动播放 -->
<audio src="./mp3/Dancers.mp3" controls loop autoplay></audio>
<video src="./mp3/周深 - 大鱼.mp4"controls loop autoplay width="800" height="400"></video>
</body>
</html>
页面展示