HTML

主要格式

1 
2 
3 
4 
5 
6 

标签语义化

推荐使用双引号

a标签

1 点此跳转

img标签

1 

table表格标签

1 
2 
3 
4 
5 
6 
7
8 
9 
10 
11 
12 
13 
姓名
年龄
班级
王五
 18 
 3 班

特殊符号

1 空格 
2 小于号<:<

3 大于号>:>

列表

有序列表（理解）

1 

2 标签不允许放其他的标签和文字 ‐‐>
3 
列表中第一个元素
4 
列表中第二个元素
5 

6 

7 
第一个
8 
第二个
9 
第三个
10 
11 
12 
 甚至可以加入链接哦
13 
14

无序列表（主要）

1 

2 标签不允许放其他的标签和文字 ‐‐>
3 
列表中第一个元素
4 
列表中第二个元素
5 

6 

7 
 1 
8 
 2 
9 
 3 
10 
11 
12 
 甚至可以加入链接哦
13 
14

自定义表

1 

2 
 带头大哥 
3 
小弟 1 
4 
小弟 2 
5 
小弟 3 

6 
小弟 4 
7 

表单

1 

2 
3 
4 
5 
6 ‐‐请选择年
7  2000 
8 
9 
type属性：
文本text；
密码password；
单选radio；
多选checbox；
重置reset；
按钮button......

块元素

例如

• 独占一行

  宽 高 内外边距 可控

  宽度默认继承

  主要作为容器

  行内元素

  例如a strong b em

  一行可以是多个

  宽高无法设定

  默认宽度为自身宽度

  很内元素只能容纳文本或其他行内元素

  注：连接标签里不能放链接

  注：链接里可放块级元素，但最好把a转换成块级元素安全

  行内块元素

  例如 img input td 都是行内块元素

  可以一行多个（有缝隙）

  可以设置宽高

  宽度为默认

  HTML5新增

  头部
  

  video常见属性

  autoplay="auto"  自动播放
  
  muted="muted"  静音
  
  controls="controls"  展示播放控件
  
  height/width  宽高
  
  loop="loop"  循环
  
  src="./"  音频地址
  
  poster=""  加载封面
  

  audio常见属性

  autoplay="auto"  自动播放
  
  muted="muted"  静音
  
  controls="controls"  展示播放控件
  
  height/width  宽高
  
  loop="loop"  循环
  
  src="./"  音频地址
  
  poster=""  加载封面
  
  
  input表单新属性
  
  type=”serch number email url...“
  
  required="required"  内容不为空
  
  placeholder="提示词"  提示文本
  
  autofocus="autofocus"  自动获得焦点
  
  autocomplete=”off“  关闭自动显示
  
  multiple="multiple"  可提交多个文件