1、常用标签
1、标题(h1-h6)
2、段落(p)
3、换行(br)
4、水平线(hr)
5、倾斜
<em></em> & <i></i>
6、加粗
<b></b> & <strong></strong>
7、删除
<s></s> & <del></del>
8、下划线
<u></u>
9、上标
<sup></sup>
10、下标
<sub></sub>
11、无意义标签
<div></div> <span></span>
2、不一样的hr
<hr color="" width="" align="" noshade>
color:颜色 width:宽度
align:方向 noshade:取消阴影
3、特殊符号
< < > >
  大空格 小空格
© 版权号 Ⓒ ¥ 元
™ 商标 TM ® 商标 Ⓡ
😀 可爱表情
4、列表标签
1.有序列表
<ol type="" start="">
<li></li>
</ol>
type: 1, a, A, i, I
start:取值只能是数字(从第几个开始排序)
2.无序列表
<ul type="">
<li></li>
</ul>
type:disc(默认)、circle(空圆)、square(正方形)、none(无)
3.自定义列表(图、文混排)
<dl>
<dt></dt>
<dd></dd>
</dl>
5、图片(img)标签
<a href="" titlt="" target=""></a>
href: 路径
title: 鼠标悬停上去之后的提示信息
target: 文档打开的位置 ( _self(默认) , _blank(新窗口打开) )
6、超链接(a)标签
<a href="" titlt="" target=""></a>
href: 路径
title: 鼠标悬停上去之后的提示信息
target: 文档打开的位置 ( _self(默认) , _blank(新窗口打开) )
7、表格标签
<table width="" height="" border="" bordercolor="" bgcolor="" align="left/center/right" cellspacing="" cellpadding="">
<tr height="" bgcolor="" align="" valign="top/middle/bottom">
<td></td>
</tr>
</table>
ailgn: 水平对齐
bgcolor: 背景颜色
bordercolor: 边框颜色
cellspacing: 单元格与单元格之间的间距
cellpadding: 单元格与内容之间的空隙
注:td属性和tr一样
1. colspan="" 合并列
2. rowspan="" 合并行
8、表单(form)标签
<form action="地址" method="get/post">
<input type="" placeholder="" name="" value=""/>
<button></button>
</form>
文本框: <input type="text"/>
密码框: <input type="password"/>
单选框: <input type="radio" name="" value="" checked />
多选框: <input type="checkbox" name="" value="" checked /> //checked:默认选中
注:包裹单选标签、或者多选标签可点击文字选择: <label> </label>
文件上传: <input type="file"/>
下拉菜单: <select>
<option value="" selected>...</option> //selected:默认选中
<option value="" >...</option>
</select>
文本域: <textarea cols="列数" rows="行数">...</textarea>
注:textarea样式 (resize:none) //不可以随便拉伸
表单属性:
是否选中:checked
禁用: disabled
只读: readonly
占位符: placeholder
获取焦点:autofocus
必填项:required
扩展:表单进阶---字段集
<fieldset>
<legend>爱好</legend>
<input type="radio" name="1">男
<br>
<input type="radio" name="2">女
</fieldset>
fieldset{
width: 300px;
height: 200px;
border: 3px solid #ff6600;
}
9、H5语义化标签
增强型表单
canvas svg
音频、视频
本地存储、离线存储
// 语义化标签
<header> 头部 </header>
<nav> 导航栏 </nav>
<section> 内容 </section>
<aside> 侧边栏 </aside>
<article> 区、块 </article>
<main> 主题 </main>
<footer> 底部 </footer>
音频标签:<audio src="音频路径" controls ></audio>
视频标签:<video src="视频路径" controls poster="海报路径" width="" height=""></video>
属性:controls:控件
loop:循环
autoplay:自动播放(谷歌浏览器 关闭自动播放功能)
muted:静音播放
poster:海报(仅限视频标签)