学习笔记（2020-7-30）

学习笔记（7-30）

• <img src="" alt="" /> width/height 只需设置一个 ##表格
• <table> 表格
  <tr> 行
  <td> 列
  <caption> 表名
  <thead> 表头，首行
  <tbody> 表体，内容
  <tfoot> 表尾，末行
  rowspan=”” 合并行
  colspan=”” 合并列
  </table>
  <colgroup> 表格颜色属性组件

    <col bgcolor="cyan" /> 设置第一列的属性
    <col bgcolor="green" /> 设置第二列的属性
    <col bgcolor="red" /> 设置第三列的属性
    <col bgcolor="blue" /> 设置第四列的属性

  </colgroup>

  表单

• <form>
  <label> 控件提示名，for=”对应控件id名”
  <input type=”text” name=”文本控制名” placeholder=”占位提示信息” required必填 autofocus >
  <input type="radio"> 单选 多个radio的name必须一致，checked默认
  <input type="checkbox"> 复选 name最好用数组，如：hobby[]
  <input type="file"> 文件域
  <input type="hidden"> 隐藏域
  <input type="text" list="datalistid"> 预定义下拉文本框

    <datalist id="">
        <option value=""></option>
    </datalist>

  <input type="email"> 邮箱域
  <input type="date"> 日期控件
  <input type="number" min="最小值" max="最大值" step="每次步长值" value="默认值"> 数值控件
  <input type="color"> 调色板
  action 属性，后台处理的脚本
  method 属性，提交方法，默认get,可设置 post
  <input type="button" value="提交"> 仅仅是个按钮，没有功能
  <input type="submit" value="提交"> 不仅是个按钮，还可触发action，同<button></button>

  id 属性，可用于在表单组件外增加表单控件，即在外部表单控件增加 form=”formid”属性。
  <button> 可通过增加 formmethod、formaction 和 formtarget 属性变更 id 指向的 form 的属性。
  <label for="edu">
  <select name="" id="edu">
  <option value="">—学历—</option>
  <option value="">小学</option>
  <option value="">初中</option>
  <option value="">高中</option>
  <option value="">大学</option>
  <option value="">研究生</option>
  </select>
  <fieldset> 表单组件、表单域

    <legend></legend>  组件名

  </fieldset>
  <frameset></frameset> 内联框架，已淘汰
  <iframe src="" frameborder="0"></iframe> 内联框架

  </form>

  CSS样式表

• 层叠式，最后一个样式生效
• 浏览器级样式：默认样式
• 文档级样式：通过<style></style>或<link rel="stylesheet" href="url"></link>设置

• 元素级样式：通过 style 属性设置

• 优先级由高到低： 元素组>文档组>浏览器级

• <style>@import url(“style.css”);</style> 指令引入