基础知识笔记

前端笔记

内核

• 1. Trident(ie内核)
• 2. gecko（firefox）
• 3. webkit（safari）
• 4. chrmium、Blink（chrome）
• 手机 webkit（大部分）

web标准

• 结构 html
  • 就是学标签
    • 换行 <br />
    • 水平线<hr />
    • p 不能嵌套p
    • div和span 无具体意义
  • 字符集
    • utf-8
    • gbk 包含全部中文
    • gb2313 简体中文
  • 文本格式化
    • 单词的语意更强烈
    • 加粗 <b></b><strong></strong>
    • 斜体 <i></i><em></em>
    • 删除线<s></s><del></del>
    • 下划线<u></u><ins></ins>
  • 图像标签
    • <img src =''/>单标签
    • alt = "这是提示文字";
    • title = "鼠标悬停时的文字";
    • boder 边框
  • 链接标签
    • <a href="http://"
    • <a href="#live"
  • base标签
    • 设置页面打开方式
  • 特殊字符
    • &nbsp 空格 Non-Breaking Space简写
    • &lt；&gt 小于号大于号
    • &copy 版权信息
  • 注释标签
    • <!-- -->
  • 路径
    • 相对路径
    • 绝对路径
  • 列表

    • 无序列表

      • ul>li ul下只能放li

    • 有序列表

      • ol>li

    • 自定义列表

      • <dl>
      • <dt></dt>
      • <dd></dd>
      • </dl>
      • dd是对dt解释的
  • 表格
    • table
    • tr>td
    • align=left right center
    • cellspacing 单元格与单元格之间的空白间距
    • cellpadding 内容与单元格之间的空白间距
    • 三参为0 boder cellspacing cellpadding
    • th为表头单元格 自带居中加粗
    • 表格标题 caption （在table之下）
    • 可以用thead和tbody来把头部和内容包起来（只起到换分模块的作用）
    • 合并单元格
      • 跨行合并（与跨列合并类似，但是删除表格的时候要注意）
      • 跨列合并
        • 在td标签中写colsapn<td colspan='2'>abc</td> 然后把撑开的文字删除
  • 表单
    • input
      • 单选 radio 几个的name必须一样
      • 多选 checkbox 复选框
      • checked 默认被选中的东西
      • 提交 <input type="image" src="btn.png"图片按钮做提交
      • maxlength 最多输入的字符数
      • label 把用户名和input标签包起来可以实现点击“用户名”就可以让光标到达框框里

表现 css

行为 js