注释
<!-- 注释内容 -->
标签使用样式
开始标签<a > 标签体 </a>结束标签
自闭合标签，eg：<br>,<hr>,<input><img>
标签属性
- 通常为键值对形式出现，eg：color=“red” id = ‘new’
- 属性只能出现在开始标签和自闭合标签内
- 属性名字全部小写，属性值必须用单引或者双引包裹
- 如属性名和属性值完全一样，直接写属性名即可，eg：“readonly”（input标签属性）
块级标签和内联标签
块级标签：<p>、<h1>、<table>、<ol>、<ul>、<form>、<div>
内联标签：<a>、<input/>、<img/>、<sub>、<sup>、<textarea>、<span>
- 块级元素的特点
- 总在新行上开始
- 高度，行高以及外边距和内边距都可控制
- 宽度缺省，则是它容器的100%
- 可以容纳内联元素和其他块元素
- inline元素特点
- 和其他元素在一行上
- 高，行高以及外边距和内边距不可改变
- 宽度就是其文字或图片宽度，不可改变
- 内联元素只能容纳文本或者其他内联元素
- 行内元素注意
- 设置宽度width无效
- 设置高度height无效
- 设置margin只有左右margin有效，上下无效
- 设置padding只有左右padding有效，上下则无效，注意元素范围是增大了，但是对元素周围的内容是没影响的
列表标签
- 无序列表
- ul---li
- 有序列表
- ol---li
- 定义列表
- dl---dt---dd
- 快捷键
- ul>li*n
- ol>li*n
- dl>dt+dd*n
- pycharm中按table键生效
- 其它标签也可这样生成、比如 table
图片标签
<img src="图片地址" alt="下载失败时的替换文字" title="提示文本"/>
超链接标签
<a href="目标网址" title="鼠标滑过显示的文本" target="_blank">链接显示的文本</a>
还能做锚点，进行跳转
<a href="#jump">跳转</a>
<span id ="jump">跳转到这里</span>
行内元素和块级元素的转换
- 行内元素→块级元素
- display : block;
- 块级元素→行内元素
- display : inline;
- display : inline;
特殊符号
特殊符号以 & 开头，分号结尾
< > " © ® " &
< > " © ® " &
空格： 
表格
- 表格标签：table
- 行：tr
- 列：td
- 合并行：rowspan
- 合并列：colspan
表单
- action：提交时候的地址，默认使用当前页面
- method：提交时候的方法，有get 和 post 两种方法，默认使用 get
- entype：设置编码格式
- 默认：application/x-www-form-urlencoded
- 上传文件：multipart/form-data
- input标签
- name属性：表单与后台交互时最重要的一个属性，要求input标签都带上
- value属性：表单提交项的值
- type属性
- type="button"/"reset"/"submit"
- type="text"/"password"/"hidden"
- type=“checkbox"/"radio"/"image"
- 常用的type属性值
- text：文本框
- password：密码框
- radio：单选框
- checkbox：复选框
- file：文件选择
- hidden：隐藏域
- submit：提交
- reset：重置
- 其它属性
- placeholder：提示信息（ 提高用户体验度）
- readonly：只读
- disabled：禁用
- value：input的值，单选多选下拉框必须设置value属性，这样后台才能获得你选中的到底是哪个或哪几个选项
- textarea标签：文本域，一般用于多行文本
- select标签
- 下拉框，一般用于选项
- option：下拉选项
- 下拉框的基本标签，有多少个option 就有多少个下拉选项
- selected：下拉状态
- 表示选中某个下拉选项
- size：下拉框显示
- 表示下拉框，显示多少个，默认为一个
- name：下拉框的名字
- 表示下拉框向后台提交数据的时候，所传的名字
- fieldset 标签：给表单设置分组
- legend 标签：设置分组表单的标题
- label 标签：提高用户体验度