易忘知识点

  1. span标签是小块(行内块)
  2. 绝对路径是反斜杆 '\'
  3. <a>链接 (锚)
    1. 跳转新窗口
    2. 锚点链接(点击了调到页面中某处)：<a href="#live"> <h3 id="live">
    3. <a>图像/表格/音频/视频</a> 放进去就能作为链接
    4. 下载链接 : href地址为一个文件或压缩包时,点击就会下载
  4. 列表标签<dl> <dt>公司介绍</dt> <dd>xxx</dd> </dl>

  5. 表格table

    1. <table> 
    2. <thead>
    3.  <tr><th>姓名</th></tr>
    4.  <tr><td>Dan</td></tr>
    5. </thead>
    6. </table>

  6. 表单form

    1. <form>
    2. //点击联动
    3. <label for="">姓名</label> <input type="text" id="name"/>
    4. 单选框(radio)&复选框(checkbox)要有同一个name="xx"才能实现
    5. <input name="xx"/> <input name="xx"/>
    6. </form>


html文档标签

  2. <!-- 文档类型声明,告诉浏览器使用哪种HTML版本,这里是HTML5,该标签要在最前面 -->
  3. <!DOCTYPE html>
  4. <!-- 告诉浏览器(比如谷歌显示的翻译)和搜索引擎当前文档的语言,zh-CN为中文 -->
  5. <html lang="en">
  6. <head>
  7.   <!-- 字符集UTF-8也被称为万国码,不写该便签会乱码 -->
  8.   <meta charset="UTF-8">
  9.   <meta http-equiv="X-UA-Compatible" content="IE=edge">
  10.   <!-- 视口标签 -->
  11.   <meta name="viewport" content="width=device-width, initial-scale=1.0">
  12. </head>

语义化标签

image.png