目录
html element
h标签(h1~h6)
扩展: h$*6>{$级标题}
<h1>我是1级标题</h1>
p标签
段落 paragraph /ˈpærəɡrɑːf/ 扩展1： p*3>loerm生成三段英文乱数假文 扩展1： jw+数量生成一段中文乱数假文
font标签
<font color="red" size="1" face="Mircosoft Yahei">
pre 标签
预格式化文本元素 空白折叠：在源代码中的连续空白符（空格、换行、制表），在页面显示时，会被折叠为一个空格 在pre元素内部出现的内容，会按照源代码格式显示在页面上
div标签
div标签独占整行，默认纵向排列，可以包含任何元素
span标签
span为双标签，没有实际语义，主要用于独立文本的修饰 默认横向排列，不能设置宽和高。
其它元素
-
b标签 strong标签 加粗 strong标签强调内容突出的文本
-
i标签 em标签 倾斜 em标签强调文本
-
u标签 下划线
-
s标签 删除线
-
del标签 删除线
-
span标签 没有语义和固定格式
实体标签
-
<br>标签 换行 -
<hr>标签 水平线 -
<sup>标签 上标 -
<sub>标签 下标 -
标签 空格 -
©标签 版权 -
®标签 已注册 -
<标签 小于号 -
>标签 大于号
img元素
-
src="书写路径" ./同级 .//上级
-
title=“鼠标悬停上去的提示信息”
-
alt=”图片不显示后的提示信息“
-
width="设置图片的宽度，默认单位是像素"
-
height="设置图片的宽度，默认单位是像素" 示例1：
<img src="fengjing.png" title="这是风景" alt="图丢了">示例2：<img src="fengjing.png" weidth="500" height="500" alt="">
列表元素
-
无序列表
<ul type="disc"><li>无序列表</li></ul>type="circle" "square" "disc" "none" ul: unorder list li: list item /ˈaɪtəm/ n. 项目，条款； -
有序列表
<ol type="1" start="1"><li>有序列表</li></ol>type="1" "a" "A" "i" "I" start=开始数字" ol: order list /ˈɔːdəd/ 有序列表 li: list item /ˈaɪtəm/ n. 项目，条款； -
自定义列表
<dl><dt>自定义内容可以是图片可以是文字</dt><dd>对内容的详细描述</dd></dl>dl: definition list /ˌdefɪˈnɪʃn/ 无序列表 dt: definition title 问题 dd: definition description /dɪˈskrɪpʃn/ n. 描述，回答
a元素 不同页面之间的跳转
-
href=“书写路径”
-
title=“鼠标悬停上去提示信息”
-
target="设置窗口打开方式"
-
target="_self"默认值 本窗口打开
-
target="_blank" 新窗口打开
-
target="_top" 顶部框架打开
-
target="_parnt" 父级框架打开
示例：<a href="https:www.baidu.com" target="_blank">百度</a> 示例: <a href="https:www.baidu.com" target="_self">百度</a>
锚点链接 当前页面中的不同区域的跳转
-
可以快速定位到网页某个位置
-
在链接文本href属性中，设置属性值为#名字的形式，如
<a href="two">第二集</a> -
找到目标位置标签，里面添加一个id属性=刚才的名字，如
<h3 id="two">第二集介绍</h>
video and audio 元素
-
controls /kənˈtrəʊlz/ n. [自]控制；控制装置
-
loop /luːp/ 循环
-
muted /ˈmjuːtɪd/静音
-
autoplay 自动播放 示例1
<video controls loop muted src="video.mp4" autoplay="auto"> </video>示例2<audio controls loop muted src="庄园 - 月老掉线 (DJ女声版).mp3" autoplay="auto"></audio>
路径的书写
-
站外资源为绝对路径，书写方法协议名://主机:端口号/路径列如：https://www.baidu.com/newspage/.date
-
站内资源为相对路径，表示方法 ./同级 ../返回上级
语义化容器元素
-
header>表示页头，也可以用于表示文章的头部
-
footer>表示页尾，也可以用于表示文章的尾部
-
rticle>通常用于表示整篇文章
-
section>通常用于表示文章的章节
-
aside>通常用于表示侧边栏
元素嵌套关系
-
容器元素可以包含任何元素</li>
-
a元素可以包含任何元素</li>
-
某些元素有固定的子元素（ul>li,ol>li,dl>dt+dd) </li>
-
标题元素和段落元素不能互相嵌套，并且不能包含容器元素</li>
