Please enable JavaScript.

Coggle requires JavaScript to display documents.

HTML - Coggle Diagram

- - - - 语法：<video src="文件地址" controls="controls"></video>
      - 常见属性
        
        loop：播放完之后是否循环播放
        
        preload：auto（预先加载视频）、none（不应加载视频）
        
        src：url视频地址
        
        width、height：播放器宽度、高度
        
        poster:imgurl（）加载等待的画面图片
        
        controls：显示播放控件
        
        muted：静音播放
        
        autoplay：自动播放
      - 尽量使用MP4格式
    - - 尽量使用MP3格式
- - - - <table>：定义表格的标签
      - <tr>用于定义表格中的行
      - <td>用于定义表格中的单元格
      - <th>用于定义表格的表头
    - - <tbody>表格主体区域
      - <tfoot>表格的尾部区域
      - <thead>表格的头部区域
    - - 合并单元格方式
        
        跨行合并：rowspan=“合并单元格的个数”
        
        跨列合并：colspan=“合并单元格的个数”
      - 目标单元格写合并代码
        
        跨行：最上侧单元格为目标单元格
        
        跨列：最左侧单元格为目标单元格
      - 步骤
        
        找到目标单元格，写上合并方式
        
        删除多余的单元格
        
        确定是跨行还是跨列
    - - cellpadding：像素值规定单元格边沿与内容之间的空白
      - cellspacing：像素值规定单元格之间的空白，默认2像素
      - border：1或“”规定表格单元格是否有边框，默认是“”没有边框
      - width：像素值或百分比规定表格的宽度
      - align：left、center……规定表格的对齐方式
  - - - 有序列表
        
        ol>li
      - 自定义列表
        
        dl>dt>dd
        
        dl：定义描述列表
        
        dt：定义项目/名字
        
        dd：描述每一个项目/名字
      - 无序列表
        
        ul>li
        
        无序列表之间没有顺序，是并列的
        
        无序列表带有自己的样式属性
        
        ul中只能嵌套li，而li标签中可以容纳所有元素
  - - - 表单控件
        
        input标签用于收集用户信息
        
        语法：<input type="属性值" />
        
        label标签
        
        作用：用于绑定一个表单元素，当点击label标签内的文本时，浏览器就会自动将焦点转到对应的表单元素上
        
        语法
        
        <label for = "sex" >男< / label>
        
        <input type = " radio" name = "sex" id = " sex" / >
        
        label标签的for属性应当与相关元素的ID属性相同
        
        type属性
        
        checkbox：定义复选框
        
        file：定义输入字段和“浏览”按钮，供文件上传
        
        hidden：定义隐藏的输入字段
        
        image：定义图像形式的提交按钮
        
        password：定义密码字段，该字段中的字符被掩码
        
        radio：定义单选按钮
        
        reset：定义重置按钮，清除表单中的数据
        
        submit：定义提交按钮，把表单数据发送到服务器
        
        text：定义单行的输入字段，默认宽度为20个字符
        
        button:定义可点击按钮（与JS搭配使用）
        
        name属性：自定义
        
        定义input元素的名称，在input元素中的单选和复选框按钮必须设置相同的name值
        
        value属性：自定义
        
        规定此input元素的值
        
        checked属性：checked
        
        规定此input元素首次加载时应当被选中
        
        maxlength属性：正整数
        
        规定输入字段中的字符的最大长度
        
        select下拉表单元素（子元素option）
        
        textarea文本域元素
      - 提示信息
      - 表单域
        
        表单域是一个包含表单元素的区域
        
        <form>标签用于定义表单域，以实现用户信息的收集和传递
        
        常用属性
        
        action：url() 用于指定接收并处理表单数据的服务器程序地址
        
        method：get / post 用于设置表单数据的提交方式
        
        name：名称 用于指定表单的的名称，用以区分一个页面中的多个表单域
- - - - 默认已经打开
      - 需要放在表单内，同时加上name属性，同时成功提交
      - 作用：让浏览器基于之前键入的值，显示出应该在该字段填写的选项