1、html标签是用来给文本添加语义的，而不是用来修饰文本的；
2、<meta charset="GBK">指定字符集（GB2312、UTF-8），html保存和指定字符一样，才不会乱码；
3、<!DOCTYPE html> DTD文档申明告诉浏览器我用的什么协议来写的，不是html标签；
4、webstorm快捷键大全：https://www.cnblogs.com/yeminglong/p/5995421.html
1、h、p 和 hr 标签
2、注释：<!-- -->
3、图片：<img src=" ">
4、换行：<br> 用于内容未完的换行
5、跳转：<a href=" "></a>
6、base 标签：<base target="_self ">
7、假链接：点击不会跳转
8、锚点：<a href="#id值"><\a>
1、无序列表（!）
2、有序列表（*）
3、定义列表
HTML基础的用法
HTML基础的用法
1、格式
HTML基础的用法
HTML基础的用法
2、属性
（1）宽高
（2）水平和垂直对齐（align 和 valign）
（3）内边距和外边距（cellpadding 和 cellspacing）
（4）细线表格
3、表格的其他标签
（1）caption：表格的标题标签，必须写在 table 内而且需紧跟 table
（2）th：th 和 td 同级，th 有加粗的效果
4、表格的结构
（1）组成：caption 标题、thead 表头、tbody 主体、tfoot 尾部
（2）说明：
5、单元格的合并
（1）水平方向：td 属性 colspan = "2"；
（2）垂直方向：td 属性 rowspan = "2"；
1、格式
HTML基础的用法
HTML基础的用法
2、input 标签
（1）type = text：
（2）password：
（3）radio：互斥要设置 name 相同；默认选中 checked
（4）checkbox：选中 checked
（5）button：
（6）image：
（7）reset：value 修改标题
（8）submit：
（9）hidden：
-----------------------------------------------------------------------------------------------------------------------
*相关标签：
HTML基础的用法
HTML基础的用法
3、非 input 标签
（1）select
HTML基础的用法
HTML基础的用法
（2）textarea
4、练习
（1）表单标签除了 button 外都可以用 value 来指定提交的值
（2）表单添加边框可以在 form 中添加 fieldset 来实现
1、video 标签
（1）格式：<video src=" " autoplay="autoplay"></video>；
（2）属性：controls（控制条）poster（海报）loop（循环）preload（预加载，与autoplay冲突）muted（静音）width/height；
（3）另一种 video 格式：解决浏览器的兼容
HTML基础的用法
HTML基础的用法
（4）让所有的浏览器支持 video 标签：通过 js 框架来实现
2、audio 标签
（1）使用基本和 video 一样，属性只有宽高和 poster 不能用，也是两种格式
3、details 和 summary 标签
（1）格式：
HTML基础的用法
HTML基础的用法
4、marquee标签（跑马灯效果）
（1）w3c 不推荐，但是浏览器的支持好
（2）属性：direction（方向）scrollamount（滚动的速度）loop（滚动次数，默认-1）behavior（滚动类型 slide）
（3）废弃的标签：<br><hr><font><b>加粗<u>下划线<i>斜体<s>删除线（无语义）
替代的标签：<strong><ins><em><del>（加入了语义）
5、字符实体
（1） ；空格 <；>； ©；版权符号
（2）理解：html 占用了的不显示的特殊字符用另外的代替符号表示，使他们正常在 html 页面上显示
如果您觉得本文的内容对您的学习有所帮助：
关键字：
HTML