HTML 标签

排版标签

1. 标题标签h1-h6

2. 段落标签 p

3. 换行标签 br

4. 水平线标签hr

文本格式化标签(推荐第二种方式 标签语义化主要seo

1. b strong加粗

2. u ins下划线

3. i em倾斜

4. s del删除线

媒体标题

图片标签img

1. img src 图片来源

2. art 图片加载失败显示，成功不显示

3. title 图片介绍

4. width heigth 如果设置一个另一个自动等比缩放

5. border边框

路径

1. 绝对路径：完整地址 c://xx https://

2. 相对路径：以当前文件开始作为标准，分为 同级xx.pdf 上级file/xx.pdf 下级../xx/pdf

音频标签audio

1. src 插件的音频

2. controls 显示控制播放的空间

3. autoplay 自动播放

4. loop循环播放

视频标签 video

1. src 插件的音频

2. controls 显示控制播放的空间

3. autoplay 自动播放 谷歌需要配合muted实现静音

4. loop循环播放

链接标签 a

1. 内部链接 < a href="text.html">内部链接</ a>

2. 外部链接 < a href="http://www.biadu.com">跳转至百度</ a>

3. 空连接 href="#"

4. 描点链接 href="#跳转对应的Id">

5. target _blank新页面 _self 默认值 当前窗口 _parent 文件加载父窗口 _top 整个浏览器

6. download 下载 默认 .exc、zip、excel下载

7. 默认颜色有下划线

8. 未点击过蓝色，点击过粉色

列表标签

无序列表 ul li

有序列表

自定义列表

1. dd前默认显示缩进效果

2. dl只能包含dd dl

3. dt dd里面可以包含任何

表格标签

1. table 表格整体 可以包含多个tr

2. tr 行 用于包含td

3. td 单元格

4. caption 表格大标题 且居中

5. th表格单元格，表示小标签，通常用于表格第一个，默认内部为居中且加粗 等于tr

<table border="1" width='300' height='100'>
   <caption>标题</caption>
   <tr>
     <td>测试</td>
     <td>测试</td>
  </tr>
   <tr>
     <td>测试</td>
     <td>测试</td>
  </tr>
   <tr>
     <td>测试</td>
     <td>测试</td>
  </tr>
</table>

表格的结构标签

1. thead 表格的头部

2. tbody 表格主体

3. tfoot 表格的底部

<table border="1" width='300' height='100'>
   <caption>标题</caption>
      <thead>
            <tr>
                <td>测试</td>
                <td>测试</td>
            </tr>
      </thead>
        <tbody>
            <tr>
                <td>测试</td>
                <td>测试</td>
            </tr>
        </tbody>
        <tfoot>
            <tr>
                <td>测试</td>
                <td>测试</td>
            </tr>
        </tfoot>
 </table>

合并单元格 左上原则，上下合并留上 左右合并留左

跨行rowspan

跨列colspan

<table border="1" width='300' height='100'>
  <caption>标题</caption>
   <thead>
        <tr>
           <td>测试1</td>
           <td>测试2</td>
         </tr>
   </thead>
   <tbody>
       <tr>
           <td>测试3</td>
            <td rowspan="2">测试4</td>
       </tr>
       <tr>
         td>测试3</td>
         <!-- <td>测试4</td> -->
       </tr>
       <tr>
         <td colspan="2">测试3</td>
           <!-- <td>测试4</td> -->
       </tr>
    </tbody>
   <tfoot>
      <tr>
        <td>测试5</td>
       <td>测试6</td>
      </tr>
   </tfoot>
  </table>

表单标签

input 标签

1. 文本框 input type='text' 默认 placeholder 占位符提示用户 value用户输入的内容 name标识符当前控件含义

2. 密码框 input type='password' placeholder 占位符提示用户 value用户输入的内容 name标识符当前控件含义

3. 性别 type radio name 分组 相同name为一组且一组只能有一个被选中 checked 默认选中

4. 复选框 type='checkbox' checked 默认选中 value 值

5. 文件选择框 type='file' multiple可以选择多文件上传

6. 提交 type='sumbit'

7. 重置 type='reset'

8. 按钮 type='button' 无功能

button 标签

1. 提交 type='sumbit'

2. 重置 type='reset'

3. 普通 type='button'

下拉菜单

1. select 下拉菜单整体 option 选项值 selected 默认选中

文本域 textarea

1. clos 课件区域宽度

2. rows可见行数

3. maxlength 最大文字字符

4. readonly只读

5. disabled禁止

6. autofocus 自动获取焦点

label标签 解决点击文字也能控制选项

第一种：

1. 使用label标签将显示的内容包裹

2. 标签加id

3. label设for属性对应id

   <input type="checkbox" id='a'> <label for="a">aaa</label>

第二种

1. 全部用label标签包裹

2. for属性删除

  <label> <input type="checkbox">sas</label>

语义标签

1. 没有语义的标签 div 独占一行 span 一行显示多个

2. 语义标签 header 网页头部 nav 网页导航 footer 底部 aside 网页侧边栏 section 网页区块 artice 文章

特殊符号

< < 小于号或显示标记 > > 大于号或显示标记 & & 可用于显示其它特殊字符 " “ 引号 ® ® 已注册 © © 版权 ™ ™ 商标     半个空白位     一个空白位   不断行的空白

svg矢量图形

可以任何缩放 不失真 <svg xmlns=''>

contenteditable 属性指定元素内容是否可编辑

<p contenteditable="true">这是一个可编辑段落。</p>