1.head格式
<!DOCTYPE html>
<html lang="en">
<head>
<!-- 头部 小图标,小标题-->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<title>Document</title>
</head>
2.基础标签
<!-- 基础标签 -->
<!-- 标题标签 h1 - h6 从大到小 -->
<h1>标题标签</h1>
<h2>标题标签</h2>
<h3>标题标签</h1>
<h4>标题标签</h1>
<h5>标题标签</h1>
<h6>标题标签</h1>
<!-- 段落标签 -->
<p>段落标签</p>
<!-- 水平线 hr -->
<hr>
<!-- 换行标签 br -->
<br>
<!-- div 通用标签 -->
<div>通用标签</div>
<!-- 文字标签 -->
<font>文字标签</font>
<!-- 粗体 -->
<b>粗体标签</b> <strong>粗体标签</strong>
<!-- 斜体 -->
<i>斜体标签</i> <em>斜体标签</em>
<!-- 删除线 -->
<s>删除线</s> <del>删除线</del>
<!-- 下划线 -->
<u>下划线</u> <ins>下划线</ins>
<!-- 上标 -->
<sup>上标</sup>
<!-- 下标 -->
<sub>下标</sub>
<!-- 标记 -->
<mark title="这是一大段文字这是一大段文字这是一大段文字">标记</mark>
<!-- 缩写 abbr -->
<abbr title="这是一大段文字这是一大段文字这是一大段文字">缩写</abbr>
<br>
<!-- title属性 所有标签共有的属性,鼠标悬浮时,显示属性值 《属性值:属性里的内容》 -->
<!-- span 通用行内标签 -->
<span>通用行内标签</span>
<!-- 块级标签 独占一行。可以设置宽高 -->
<!-- 行级标签 内容撑开,不自动换行 不可以设置宽高 -->
<!-- 图片标签
绝对路径:c:\Users\mi\Desktop\我的\笔记pdf\第一阶段\html
相对路径: 文件相对路径 ../.. ./
alt:图片加载失败时,提示图片内容
-->
<img titlt = "欣知大数据" src="./img/11.jpg" width="200" height="100" alt="欣知大数据二十部">
<!-- a标签 超链接 href 里面放链接路径 -->
<a href="https://www.baidu.com">百度</a>
<!-- 还能跳转项目内的页面
target: _blank:跳转新窗口
_self: 在本窗口打开
-->
<a href="./b.html" target="_blank">这是b页面</a>
<a href="./b.html" target="_self">这是b页面</a>
<!-- 音频标签 -->
<!-- controls 控件属性 -->
<!-- loop 循环播放 -->
<!-- autoplay 页面打开自动播放 -->
<video src="./mp3/周深 - 大鱼.mp4" controls loop autoplay width="800" height="400"></video>
<audio src="./mp3/Dancers.mp3" controls loop autoplay></audio>
</body>
</html>