HTML元素篇

r囧r小猫 2022-10-31 04:08 6阅读 0赞

# 全局属性 #

1.  class 类名
2.  contenteditable 可编辑(boolean)
3.  data-\* 嵌入自定义数据
4.  draggable 可拖动（boolean）
5.  hidden 元素是否隐藏（boolean）
6.  id 唯一标识
7.  style 样式
8.  tabindex tab键次序（值为-1按tab获取不到焦点，但onfocus和onblur事件仍存在；值≥1，数字越小优先获取焦点，值为0最后获取焦点）
9.  title 鼠标移入元素额外信息

# #

## ##

# 全局事件 #

### window ###

1.  onerror 错误发生时运行
2.  onload 页面结束加载运行
3.  onhashchange 窗口hash值改变运行
4.  onpopstate 地址栏改变运行
5.  onresize 窗口大小改变运行
6.  onunload 页面已下载或浏览器窗口关闭运行

## form表单 ##

1.  onblur 失焦运行
2.  onchange 值改变运行
3.  oncontextmenu 上下文菜单触发运行
4.  onfocus 聚焦运行
5.  oninput 用户输入运行
6.  onselect 文本选中运行
7.  onsubmit 提交表单运行

## keyboard ##

1.  onkeydown 键盘按下运行
2.  onkeypress 键盘敲击运行
3.  onkeyup 键盘抬起运行

## mouse ##

1.  <table> 
     <tbody> 
      <tr> 
       <td><a href="https://www.w3school.com.cn/tags/event_onclick.asp" rel="nofollow">onclick</a></td> 
       <td>script</td> 
       <td>元素上发生鼠标点击时触发。</td> 
      </tr> 
     </tbody> 
    </table>
2.  <table> 
     <tbody> 
      <tr> 
       <td><a href="https://www.w3school.com.cn/tags/event_ondblclick.asp" rel="nofollow">ondblclick</a></td> 
       <td>script</td> 
       <td>元素上发生鼠标双击时触发。</td> 
      </tr> 
     </tbody> 
    </table>
3.  <table> 
     <tbody> 
      <tr> 
       <td>ondrag</td> 
       <td>script</td> 
       <td>元素被拖动时运行的脚本。</td> 
      </tr> 
     </tbody> 
    </table>
4.  <table> 
     <tbody> 
      <tr> 
       <td>ondragend</td> 
       <td>script</td> 
       <td>在拖动操作末端运行的脚本。</td> 
      </tr> 
     </tbody> 
    </table>
5.  <table> 
     <tbody> 
      <tr> 
       <td>ondragenter</td> 
       <td>script</td> 
       <td>当元素元素已被拖动到有效拖放区域时运行的脚本。</td> 
      </tr> 
     </tbody> 
    </table>
6.  <table> 
     <tbody> 
      <tr> 
       <td>ondragleave</td> 
       <td>script</td> 
       <td>当元素离开有效拖放目标时运行的脚本。</td> 
      </tr> 
     </tbody> 
    </table>
7.  <table> 
     <tbody> 
      <tr> 
       <td>ondragover</td> 
       <td>script</td> 
       <td>当元素在有效拖放目标上正在被拖动时运行的脚本。</td> 
      </tr> 
     </tbody> 
    </table>
8.  <table> 
     <tbody> 
      <tr> 
       <td>ondragstart</td> 
       <td>script</td> 
       <td>在拖动操作开端运行的脚本。</td> 
      </tr> 
     </tbody> 
    </table>
9.  <table> 
     <tbody> 
      <tr> 
       <td>ondrop</td> 
       <td>script</td> 
       <td>当被拖元素正在被拖放时运行的脚本。</td> 
      </tr> 
     </tbody> 
    </table>
10. <table> 
     <tbody> 
      <tr> 
       <td><a href="https://www.w3school.com.cn/tags/event_onmousedown.asp" rel="nofollow">onmousedown</a></td> 
       <td>script</td> 
       <td>当元素上按下鼠标按钮时触发。</td> 
      </tr> 
     </tbody> 
    </table>
11. <table> 
     <tbody> 
      <tr> 
       <td><a href="https://www.w3school.com.cn/tags/event_onmousemove.asp" rel="nofollow">onmousemove</a></td> 
       <td>script</td> 
       <td>当鼠标指针移动到元素上时触发。</td> 
      </tr> 
     </tbody> 
    </table>
12. <table> 
     <tbody> 
      <tr> 
       <td><a href="https://www.w3school.com.cn/tags/event_onmouseout.asp" rel="nofollow">onmouseout</a></td> 
       <td>script</td> 
       <td>当鼠标指针移出元素时触发。</td> 
      </tr> 
     </tbody> 
    </table>
13. <table> 
     <tbody> 
      <tr> 
       <td><a href="https://www.w3school.com.cn/tags/event_onmouseover.asp" rel="nofollow">onmouseover</a></td> 
       <td>script</td> 
       <td>当鼠标指针移动到元素上时触发。</td> 
      </tr> 
     </tbody> 
    </table>
14. <table> 
     <tbody> 
      <tr> 
       <td><a href="https://www.w3school.com.cn/tags/event_onmouseup.asp" rel="nofollow">onmouseup</a></td> 
       <td>script</td> 
       <td>当在元素上释放鼠标按钮时触发。</td> 
      </tr> 
     </tbody> 
    </table>
15. <table> 
     <tbody> 
      <tr> 
       <td>onmousewheel</td> 
       <td>script</td> 
       <td>当鼠标滚轮正在被滚动时运行的脚本。</td> 
      </tr> 
     </tbody> 
    </table>
16. <table> 
     <tbody> 
      <tr> 
       <td>onscroll</td> 
       <td>script</td> 
       <td>当元素滚动条被滚动时运行的脚本。</td> 
      </tr> 
     </tbody> 
    </table>

## Media（audio，img，video等） ##

1.  <table> 
     <tbody> 
      <tr> 
       <td>onabort</td> 
       <td>script</td> 
       <td>在退出时运行的脚本。</td> 
      </tr> 
     </tbody> 
    </table>
2.  <table> 
     <tbody> 
      <tr> 
       <td>oncanplay</td> 
       <td>script</td> 
       <td>当文件就绪可以开始播放时运行的脚本（缓冲已足够开始时）。</td> 
      </tr> 
     </tbody> 
    </table>
3.  <table> 
     <tbody> 
      <tr> 
       <td>onended</td> 
       <td>script</td> 
       <td>当媒介已到达结尾时运行的脚本（可发送类似“感谢观看”之类的消息）。</td> 
      </tr> 
     </tbody> 
    </table>
4.  <table> 
     <tbody> 
      <tr> 
       <td>onemptied</td> 
       <td>script</td> 
       <td>当发生故障并且文件突然不可用时运行的脚本（比如连接意外断开时）。</td> 
      </tr> 
     </tbody> 
    </table>
5.  <table> 
     <tbody> 
      <tr> 
       <td>onerror</td> 
       <td>script</td> 
       <td>当在文件加载期间发生错误时运行的脚本。</td> 
      </tr> 
     </tbody> 
    </table>
6.  <table> 
     <tbody> 
      <tr> 
       <td>onpause</td> 
       <td>script</td> 
       <td>当媒介被用户或程序暂停时运行的脚本。</td> 
      </tr> 
     </tbody> 
    </table>
7.  <table> 
     <tbody> 
      <tr> 
       <td>onplay</td> 
       <td>script</td> 
       <td>当媒介已就绪可以开始播放时运行的脚本。</td> 
      </tr> 
     </tbody> 
    </table>
8.  <table> 
     <tbody> 
      <tr> 
       <td>onratechange</td> 
       <td>script</td> 
       <td>每当回放速率改变时运行的脚本（比如当用户切换到慢动作或快进模式）。</td> 
      </tr> 
     </tbody> 
    </table>
9.  <table> 
     <tbody> 
      <tr> 
       <td>onreadystatechange</td> 
       <td>script</td> 
       <td>每当就绪状态改变时运行的脚本（就绪状态监测媒介数据的状态）。</td> 
      </tr> 
     </tbody> 
    </table>

# 常见html标签 #

1.   注释
2.  <!DOCTYPE html> 文档类型，HTML 文档的第一行，没有结束标签
3.  <a>  href 属性，它指示链接的目标。如果不使用 href 属性，则不可以使用download, hreflang, media, rel（指定当前文档与被链接文档的关系。不过搜索引擎可以利用该属性获得更多有关链接的信息）, target（规定在何处打开链接文档，属性值有\_blank，\_self，\_parent，\_top，framename） 以及 type 属性。
4.  <audio> 
    
    <table> 
     <tbody> 
      <tr> 
       <td><a href="https://www.w3school.com.cn/tags/att_audio_autoplay.asp" rel="nofollow">autoplay</a></td> 
       <td>autoplay</td> 
       <td>如果出现该属性，则音频在就绪后马上播放。</td> 
      </tr> 
      <tr> 
       <td><a href="https://www.w3school.com.cn/tags/att_audio_controls.asp" rel="nofollow">controls</a></td> 
       <td>controls</td> 
       <td>如果出现该属性，则向用户显示控件，比如播放按钮。</td> 
      </tr> 
      <tr> 
       <td><a href="https://www.w3school.com.cn/tags/att_audio_loop.asp" rel="nofollow">loop</a></td> 
       <td>loop</td> 
       <td>如果出现该属性，则每当音频结束时重新开始播放。</td> 
      </tr> 
      <tr> 
       <td><a href="https://www.w3school.com.cn/tags/att_audio_muted.asp" rel="nofollow">muted</a></td> 
       <td>muted</td> 
       <td>规定视频输出应该被静音。</td> 
      </tr> 
      <tr> 
       <td><a href="https://www.w3school.com.cn/tags/att_audio_preload.asp" rel="nofollow">preload</a></td> 
       <td>auto当页面加载后载入整个音频,meta只载入元数据,none不载入音频</td> 
       <td> <p>如果出现该属性，则音频在页面加载时进行加载，并预备播放。</p> <p>如果使用 "autoplay"，则忽略该属性。</p> </td> 
      </tr> 
      <tr> 
       <td><a href="https://www.w3school.com.cn/tags/att_audio_src.asp" rel="nofollow">src</a></td> 
       <td><em>url</em></td> 
       <td>要播放的音频的 URL。</td> 
      </tr> 
     </tbody> 
    </table>
5.  <button> 始终为按钮规定 type 属性。IE的默认类型是 "button"，而其他浏览器中（包括 W3C 规范）的默认值是 "submit"。在表单中使用 button，不同的浏览器（说的就是IE）会提交不同的按钮值。使用input type="button"在表单中创建按钮。
    
    <table> 
     <tbody> 
      <tr> 
       <td><a href="https://www.w3school.com.cn/tags/att_button_autofocus.asp" rel="nofollow">autofocus</a></td> 
       <td>autofocus</td> 
       <td>规定当页面加载时按钮应当自动地获得焦点。</td> 
      </tr> 
      <tr> 
       <td><a href="https://www.w3school.com.cn/tags/att_button_disabled.asp" rel="nofollow">disabled</a></td> 
       <td>disabled</td> 
       <td>规定应该禁用该按钮。</td> 
      </tr> 
      <tr> 
       <td><a href="https://www.w3school.com.cn/tags/att_button_form.asp" rel="nofollow">form</a></td> 
       <td><em>form_name</em></td> 
       <td>规定按钮属于一个或多个表单。</td> 
      </tr> 
      <tr> 
       <td><a href="https://www.w3school.com.cn/tags/att_button_formaction.asp" rel="nofollow">formaction</a></td> 
       <td><em>url</em></td> 
       <td> <p>覆盖 form 元素的 action 属性。</p> <p>注释：该属性与 type="submit" 配合使用。</p> </td> 
      </tr> 
      <tr> 
       <td><a href="https://www.w3school.com.cn/tags/att_button_formenctype.asp" rel="nofollow">formenctype</a></td> 
       <td>application/x-www-form-urlencoded；multipart/form-data； text/plain</td> 
       <td> <p>覆盖 form 元素的 enctype 属性。</p> <p>注释：该属性与 type="submit" 配合使用。</p> </td> 
      </tr> 
      <tr> 
       <td><a href="https://www.w3school.com.cn/tags/att_button_formmethod.asp" rel="nofollow">formmethod</a></td> 
       <td> 
        <ul> 
         <li>get</li> 
         <li>post</li> 
        </ul></td> 
       <td> <p>覆盖 form 元素的 method 属性。</p> <p>注释：该属性与 type="submit" 配合使用。</p> </td> 
      </tr> 
      <tr> 
       <td><a href="https://www.w3school.com.cn/tags/att_button_formnovalidate.asp" rel="nofollow">formnovalidate</a></td> 
       <td>formnovalidate</td> 
       <td> <p>覆盖 form 元素的 novalidate 属性。</p> <p>注释：该属性与 type="submit" 配合使用。</p> </td> 
      </tr> 
      <tr> 
       <td><a href="https://www.w3school.com.cn/tags/att_button_formtarget.asp" rel="nofollow">formtarget</a></td> 
       <td> 
        <ul> 
         <li>_blank</li> 
         <li>_self</li> 
         <li>_parent</li> 
         <li>_top</li> 
         <li><em>framename</em></li> 
        </ul></td> 
       <td> <p>覆盖 form 元素的 target 属性。</p> <p>注释：该属性与 type="submit" 配合使用。</p> </td> 
      </tr> 
      <tr> 
       <td><a href="https://www.w3school.com.cn/tags/att_button_name.asp" rel="nofollow">name</a></td> 
       <td><em>button_name</em></td> 
       <td>规定按钮的名称。</td> 
      </tr> 
      <tr> 
       <td><a href="https://www.w3school.com.cn/tags/att_button_type.asp" rel="nofollow">type</a></td> 
       <td> 
        <ul> 
         <li>button</li> 
         <li>reset</li> 
         <li>submit</li> 
        </ul></td> 
       <td>规定按钮的类型。</td> 
      </tr> 
      <tr> 
       <td><a href="https://www.w3school.com.cn/tags/att_button_value.asp" rel="nofollow">value</a></td> 
       <td><em>text</em></td> 
       <td>规定按钮的初始值。可由脚本进行修改。</td> 
      </tr> 
     </tbody> 
    </table>
6.  <canvas> IE8以及更早的版本不支持 <canvas> 标签。Canvas 绘图 API定义在通过画布的 [getContext() 方法][getContext_]获得的一个“绘图环境”对象上。
    
    <table> 
     <tbody> 
      <tr> 
       <td><a href="https://www.w3school.com.cn/tags/att_canvas_height.asp" rel="nofollow">height</a></td> 
       <td><em>pixels</em></td> 
       <td>设置 canvas 的高度。</td> 
      </tr> 
      <tr> 
       <td><a href="https://www.w3school.com.cn/tags/att_canvas_width.asp" rel="nofollow">width</a></td> 
       <td><em>pixels</em></td> 
       <td>设置 canvas 的宽度。</td> 
      </tr> 
     </tbody> 
    </table>
7.  <div> 块级元素
8.  <form> 块级元素
    
    <table> 
     <tbody> 
      <tr> 
       <td><a href="https://www.w3school.com.cn/tags/att_form_action.asp" rel="nofollow">action</a></td> 
       <td><em>URL</em></td> 
       <td>规定当提交表单时向何处发送表单数据。</td> 
      </tr> 
      <tr> 
       <td><a href="https://www.w3school.com.cn/tags/att_form_autocomplete.asp" rel="nofollow">autocomplete</a></td> 
       <td> 
        <ul> 
         <li>on</li> 
         <li>off</li> 
        </ul></td> 
       <td>规定是否启用表单的自动完成功能。</td> 
      </tr> 
      <tr> 
       <td><a href="https://www.w3school.com.cn/tags/att_form_enctype.asp" rel="nofollow">enctype</a></td> 
       <td>application/x-www-form-urlencoded multipart/form-data text/plain</td> 
       <td>规定在发送表单数据之前如何对其进行编码。</td> 
      </tr> 
      <tr> 
       <td><a href="https://www.w3school.com.cn/tags/att_form_method.asp" rel="nofollow">method</a></td> 
       <td> 
        <ul> 
         <li>get</li> 
         <li>post</li> 
        </ul></td> 
       <td>规定用于发送 form-data 的 HTTP 方法。</td> 
      </tr> 
      <tr> 
       <td><a href="https://www.w3school.com.cn/tags/att_form_name.asp" rel="nofollow">name</a></td> 
       <td><em>form_name</em></td> 
       <td>规定表单的名称。</td> 
      </tr> 
      <tr> 
       <td><a href="https://www.w3school.com.cn/tags/att_form_novalidate.asp" rel="nofollow">novalidate</a></td> 
       <td>novalidate</td> 
       <td>如果使用该属性，则提交表单时不进行验证。</td> 
      </tr> 
      <tr> 
       <td><a href="https://www.w3school.com.cn/tags/att_form_target.asp" rel="nofollow">target</a></td> 
       <td> 
        <ul> 
         <li>_blank</li> 
         <li>_self</li> 
         <li>_parent</li> 
         <li>_top</li> 
         <li><em>framename</em></li> 
        </ul></td> 
       <td>规定在何处打开 action URL。</td> 
      </tr> 
     </tbody> 
    </table>
9.  <h1~h6> 块级元素
10. <head> 定义文档的头部，描述了文档的各种属性和信息。下面这些标签可用在 head 部分：[<base>][base], [<link>][link], [<meta>][meta], [<script>][script], [<style>][style], 以及 [<title>][title]。<title> 定义文档的标题，它是 head 部分中唯一必需的元素。
11. <html> 即使 html 元素是文档的根元素，它也不包含 doctype 元素。doctype 元素必须位于 html 元素之前。
12. <img> 两个必需的属性：[src 属性][src] 和 [alt 属性][alt]。
    
    <table> 
     <tbody> 
      <tr> 
       <td><a href="https://www.w3school.com.cn/tags/att_img_height-width.asp" rel="nofollow">height</a></td> 
       <td> 
        <ul> 
         <li><em>pixels</em></li> 
         <li><em>%</em></li> 
        </ul></td> 
       <td>定义图像的高度。</td> 
      </tr> 
     </tbody> 
    </table>
    
    <table> 
     <tbody> 
      <tr> 
       <td><a href="https://www.w3school.com.cn/tags/att_img_ismap.asp" rel="nofollow">ismap</a></td> 
       <td><em>URL</em></td> 
       <td>将图像定义为服务器端图像映射。</td> 
      </tr> 
      <tr> 
       <td><a href="https://www.w3school.com.cn/tags/att_img_longdesc.asp" rel="nofollow">longdesc</a></td> 
       <td><em>URL</em></td> 
       <td>指向包含长的图像描述文档的 URL。</td> 
      </tr> 
      <tr> 
       <td><a href="https://www.w3school.com.cn/tags/att_img_usemap.asp" rel="nofollow">usemap</a></td> 
       <td><em>URL</em></td> 
       <td>将图像定义为客户器端图像映射。</td> 
      </tr> 
     </tbody> 
    </table>
    
    <table> 
     <tbody> 
      <tr> 
       <td><a href="https://www.w3school.com.cn/tags/att_img_height-width.asp" rel="nofollow">width</a></td> 
       <td> 
        <ul> 
         <li><em>pixels</em></li> 
         <li><em>%</em></li> 
        </ul></td> 
       <td>设置图像的宽度。</td> 
      </tr> 
     </tbody> 
    </table>
13. <input> 根据不同的 type 属性值，输入字段拥有很多种形式。
    
    <table> 
     <tbody> 
      <tr> 
       <td><a href="https://www.w3school.com.cn/tags/att_input_accept.asp" rel="nofollow">accept</a></td> 
       <td><em>mime_type</em></td> 
       <td>规定通过文件上传来提交的文件的类型。</td> 
      </tr> 
      <tr> 
       <td><a href="https://www.w3school.com.cn/tags/att_input_alt.asp" rel="nofollow">alt</a></td> 
       <td>text</td> 
       <td>定义图像输入的替代文本。</td> 
      </tr> 
      <tr> 
       <td><a href="https://www.w3school.com.cn/tags/att_input_autocomplete.asp" rel="nofollow">autocomplete</a></td> 
       <td> 
        <ul> 
         <li>on</li> 
         <li>off</li> 
        </ul></td> 
       <td>规定是否使用输入字段的自动完成功能。</td> 
      </tr> 
      <tr> 
       <td><a href="https://www.w3school.com.cn/tags/att_input_autofocus.asp" rel="nofollow">autofocus</a></td> 
       <td>autofocus</td> 
       <td> <p>规定输入字段在页面加载时是否获得焦点。</p> <p>（不适用于 type="hidden"）</p> </td> 
      </tr> 
      <tr> 
       <td><a href="https://www.w3school.com.cn/tags/att_input_checked.asp" rel="nofollow">checked</a></td> 
       <td>checked</td> 
       <td>规定此 input 元素首次加载时应当被选中。</td> 
      </tr> 
      <tr> 
       <td><a href="https://www.w3school.com.cn/tags/att_input_disabled.asp" rel="nofollow">disabled</a></td> 
       <td>disabled</td> 
       <td>当 input 元素加载时禁用此元素。</td> 
      </tr> 
      <tr> 
       <td><a href="https://www.w3school.com.cn/tags/att_input_form.asp" rel="nofollow">form</a></td> 
       <td><em>formname</em></td> 
       <td>规定输入字段所属的一个或多个表单。</td> 
      </tr> 
      <tr> 
       <td><a href="https://www.w3school.com.cn/tags/att_input_formaction.asp" rel="nofollow">formaction</a></td> 
       <td><em>URL</em></td> 
       <td> <p>覆盖表单的 action 属性。</p> <p>（适用于 type="submit" 和 type="image"）</p> </td> 
      </tr> 
      <tr> 
       <td><a href="https://www.w3school.com.cn/tags/att_input_formenctype.asp" rel="nofollow">formenctype</a></td> 
       <td>见注释</td> 
       <td> <p>覆盖表单的 enctype 属性。</p> <p>（适用于 type="submit" 和 type="image"）</p> </td> 
      </tr> 
      <tr> 
       <td><a href="https://www.w3school.com.cn/tags/att_input_formmethod.asp" rel="nofollow">formmethod</a></td> 
       <td> 
        <ul> 
         <li>get</li> 
         <li>post</li> 
        </ul></td> 
       <td> <p>覆盖表单的 method 属性。</p> <p>（适用于 type="submit" 和 type="image"）</p> </td> 
      </tr> 
      <tr> 
       <td><a href="https://www.w3school.com.cn/tags/att_input_formnovalidate.asp" rel="nofollow">formnovalidate</a></td> 
       <td>formnovalidate</td> 
       <td> <p>覆盖表单的 novalidate 属性。</p> <p>如果使用该属性，则提交表单时不进行验证。</p> </td> 
      </tr> 
      <tr> 
       <td><a href="https://www.w3school.com.cn/tags/att_input_formtarget.asp" rel="nofollow">formtarget</a></td> 
       <td> 
        <ul> 
         <li>_blank</li> 
         <li>_self</li> 
         <li>_parent</li> 
         <li>_top</li> 
         <li><em>framename</em></li> 
        </ul></td> 
       <td> <p>覆盖表单的 target 属性。</p> <p>（适用于 type="submit" 和 type="image"）</p> </td> 
      </tr> 
      <tr> 
       <td><a href="https://www.w3school.com.cn/tags/att_input_height.asp" rel="nofollow">height</a></td> 
       <td> 
        <ul> 
         <li><em>pixels</em></li> 
         <li><em>%</em></li> 
        </ul></td> 
       <td>定义 input 字段的高度。（适用于 type="image"）</td> 
      </tr> 
      <tr> 
       <td><a href="https://www.w3school.com.cn/tags/att_input_list.asp" rel="nofollow">list</a></td> 
       <td><em>datalist-id</em></td> 
       <td>引用包含输入字段的预定义选项的 datalist 。</td> 
      </tr> 
      <tr> 
       <td><a href="https://www.w3school.com.cn/tags/att_input_max.asp" rel="nofollow">max</a></td> 
       <td> 
        <ul> 
         <li><em>number</em></li> 
         <li><em>date</em></li> 
        </ul></td> 
       <td> <p>规定输入字段的最大值。</p> <p>请与 "min" 属性配合使用，来创建合法值的范围。</p> </td> 
      </tr> 
      <tr> 
       <td><a href="https://www.w3school.com.cn/tags/att_input_maxlength.asp" rel="nofollow">maxlength</a></td> 
       <td>number</td> 
       <td>规定输入字段中的字符的最大长度。</td> 
      </tr> 
      <tr> 
       <td><a href="https://www.w3school.com.cn/tags/att_input_min.asp" rel="nofollow">min</a></td> 
       <td> 
        <ul> 
         <li><em>number</em></li> 
         <li><em>date</em></li> 
        </ul></td> 
       <td> <p>规定输入字段的最小值。</p> <p>请与 "max" 属性配合使用，来创建合法值的范围。</p> </td> 
      </tr> 
      <tr> 
       <td><a href="https://www.w3school.com.cn/tags/att_input_multiple.asp" rel="nofollow">multiple</a></td> 
       <td>multiple</td> 
       <td>如果使用该属性，则允许一个以上的值。</td> 
      </tr> 
      <tr> 
       <td><a href="https://www.w3school.com.cn/tags/att_input_name.asp" rel="nofollow">name</a></td> 
       <td>field_name</td> 
       <td>定义 input 元素的名称。</td> 
      </tr> 
      <tr> 
       <td><a href="https://www.w3school.com.cn/tags/att_input_pattern.asp" rel="nofollow">pattern</a></td> 
       <td><em>regexp_pattern</em></td> 
       <td> <p>规定输入字段的值的模式或格式。</p> <p>例如 pattern="[0-9]" 表示输入值必须是 0 与 9 之间的数字。</p> </td> 
      </tr> 
      <tr> 
       <td><a href="https://www.w3school.com.cn/tags/att_input_placeholder.asp" rel="nofollow">placeholder</a></td> 
       <td><em>text</em></td> 
       <td>规定帮助用户填写输入字段的提示。</td> 
      </tr> 
      <tr> 
       <td><a href="https://www.w3school.com.cn/tags/att_input_readonly.asp" rel="nofollow">readonly</a></td> 
       <td>readonly</td> 
       <td>规定输入字段为只读。</td> 
      </tr> 
      <tr> 
       <td><a href="https://www.w3school.com.cn/tags/att_input_required.asp" rel="nofollow">required</a></td> 
       <td>required</td> 
       <td>指示输入字段的值是必需的。</td> 
      </tr> 
      <tr> 
       <td><a href="https://www.w3school.com.cn/tags/att_input_size.asp" rel="nofollow">size</a></td> 
       <td>number_of_char</td> 
       <td>定义输入字段的宽度。</td> 
      </tr> 
      <tr> 
       <td><a href="https://www.w3school.com.cn/tags/att_input_src.asp" rel="nofollow">src</a></td> 
       <td>URL</td> 
       <td>定义以提交按钮形式显示的图像的 URL。</td> 
      </tr> 
      <tr> 
       <td><a href="https://www.w3school.com.cn/tags/att_input_step.asp" rel="nofollow">step</a></td> 
       <td><em>number</em></td> 
       <td>规定输入字的的合法数字间隔。</td> 
      </tr> 
      <tr> 
       <td><a href="https://www.w3school.com.cn/tags/att_input_type.asp" rel="nofollow">type</a></td> 
       <td> 
        <ul> 
         <li>button</li> 
         <li>checkbox</li> 
         <li>file</li> 
         <li>hidden</li> 
         <li>image</li> 
         <li>password</li> 
         <li>radio</li> 
         <li>reset</li> 
         <li>submit</li> 
         <li>text</li> 
        </ul></td> 
       <td>规定 input 元素的类型。</td> 
      </tr> 
      <tr> 
       <td><a href="https://www.w3school.com.cn/tags/att_input_value.asp" rel="nofollow">value</a></td> 
       <td><em>value</em></td> 
       <td>规定 input 元素的值。</td> 
      </tr> 
      <tr> 
       <td><a href="https://www.w3school.com.cn/tags/att_input_width.asp" rel="nofollow">width</a></td> 
       <td> 
        <ul> 
         <li><em>pixels</em></li> 
         <li><em>%</em></li> 
        </ul></td> 
       <td>定义 input 字段的宽度。（适用于 type="image"）</td> 
      </tr> 
     </tbody> 
    </table>
14. <label> for 属性应当与input元素的 id 属性相同。
15. <meta> 提供有关页面的元信息
    
    <table> 
     <tbody> 
      <tr> 
       <td><a href="https://www.w3school.com.cn/tags/tag_meta.asp#meta_prop_content" rel="nofollow">content</a>（必填）</td> 
       <td>some_text</td> 
       <td>定义与 http-equiv 或 name 属性相关的元信息</td> 
      </tr> 
     </tbody> 
    </table>
    
    <table> 
     <tbody> 
      <tr> 
       <td><a href="https://www.w3school.com.cn/tags/tag_meta.asp#meta_prop_http-equiv" rel="nofollow">http-equiv</a>（可选）</td> 
       <td> 
        <ul> 
         <li>content-type(所有服务器都至少要发送一个：content-type:text/html。)</li> 
         <li>expires</li> 
         <li>refresh</li> 
         <li>set-cookie</li> 
        </ul></td> 
       <td>把 content 属性关联到 HTTP 头部。</td> 
      </tr> 
     </tbody> 
    </table>
    
    <table> 
     <tbody> 
      <tr> 
       <td><a href="https://www.w3school.com.cn/tags/tag_meta.asp#meta_prop_name" rel="nofollow">name</a>（可选）</td> 
       <td> 
        <ul> 
         <li>author</li> 
         <li>description</li> 
         <li>keywords</li> 
         <li>generator</li> 
         <li>revised</li> 
         <li>others</li> 
        </ul></td> 
       <td>把 content 属性关联到一个名称。</td> 
      </tr> 
     </tbody> 
    </table>
16. <noscript> 定义在脚本未被执行时的替代内容（文本）。
17. <option> 与 select 元素配合使用此标签，否则这个标签是没有意义的。需要使用 value 属性，此属性会指示出被送往服务器的内容。
    
    <table> 
     <tbody> 
      <tr> 
       <td><a href="https://www.w3school.com.cn/tags/att_option_disabled.asp" rel="nofollow">disabled</a></td> 
       <td>disabled</td> 
       <td>规定此选项应在首次加载时被禁用。</td> 
      </tr> 
      <tr> 
       <td><a href="https://www.w3school.com.cn/tags/att_option_label.asp" rel="nofollow">label</a></td> 
       <td><em>text</em></td> 
       <td>定义当使用 &lt;optgroup&gt; 时所使用的标注。</td> 
      </tr> 
      <tr> 
       <td><a href="https://www.w3school.com.cn/tags/att_option_selected.asp" rel="nofollow">selected</a></td> 
       <td>selected</td> 
       <td>规定选项（在首次显示在列表中时）表现为选中状态。</td> 
      </tr> 
      <tr> 
       <td><a href="https://www.w3school.com.cn/tags/att_option_value.asp" rel="nofollow">value</a></td> 
       <td><em>text</em></td> 
       <td>定义送往服务器的选项值。</td> 
      </tr> 
     </tbody> 
    </table>
18. <p> 块级元素
19. <pre> 常见应用就是用来表示计算机的源代码。
20. <script>  定义客户端脚本
    
    ## 可选的属性 ##
    
    <table> 
     <tbody> 
      <tr> 
       <th>属性</th> 
       <th>值</th> 
       <th>描述</th> 
      </tr> 
      <tr> 
       <td><a href="https://www.w3school.com.cn/tags/att_script_async.asp" rel="nofollow">async</a></td> 
       <td>async</td> 
       <td>规定异步执行脚本（仅适用于外部脚本）。</td> 
      </tr> 
      <tr> 
       <td><a href="https://www.w3school.com.cn/tags/att_script_charset.asp" rel="nofollow">charset</a></td> 
       <td><em>charset</em></td> 
       <td>规定在外部脚本文件中使用的字符编码。</td> 
      </tr> 
      <tr> 
       <td><a href="https://www.w3school.com.cn/tags/att_script_defer.asp" rel="nofollow">defer</a></td> 
       <td>defer</td> 
       <td>规定是否对脚本执行进行延迟，直到页面加载为止。</td> 
      </tr> 
     </tbody> 
    </table>
21. <select> 表单控件，可用于在表单中接受用户输入。
    
    <table> 
     <tbody> 
      <tr> 
       <th>属性</th> 
       <th>值</th> 
       <th>描述</th> 
      </tr> 
      <tr> 
       <td><a href="https://www.w3school.com.cn/tags/att_select_autofocus.asp" rel="nofollow">autofocus</a></td> 
       <td>autofocus</td> 
       <td>规定在页面加载后文本区域自动获得焦点。</td> 
      </tr> 
      <tr> 
       <td><a href="https://www.w3school.com.cn/tags/att_select_disabled.asp" rel="nofollow">disabled</a></td> 
       <td>disabled</td> 
       <td>规定禁用该下拉列表。</td> 
      </tr> 
      <tr> 
       <td><a href="https://www.w3school.com.cn/tags/att_select_form.asp" rel="nofollow">form</a></td> 
       <td><em>form_id</em></td> 
       <td>规定文本区域所属的一个或多个表单。</td> 
      </tr> 
      <tr> 
       <td><a href="https://www.w3school.com.cn/tags/att_select_multiple.asp" rel="nofollow">multiple</a></td> 
       <td>multiple</td> 
       <td>规定可选择多个选项。</td> 
      </tr> 
      <tr> 
       <td><a href="https://www.w3school.com.cn/tags/att_select_name.asp" rel="nofollow">name</a></td> 
       <td><em>name</em></td> 
       <td>规定下拉列表的名称。</td> 
      </tr> 
      <tr> 
       <td><a href="https://www.w3school.com.cn/tags/att_select_required.asp" rel="nofollow">required</a></td> 
       <td>required</td> 
       <td>规定文本区域是必填的。</td> 
      </tr> 
      <tr> 
       <td><a href="https://www.w3school.com.cn/tags/att_select_size.asp" rel="nofollow">size</a></td> 
       <td><em>number</em></td> 
       <td>规定下拉列表中可见选项的数目。</td> 
      </tr> 
     </tbody> 
    </table>
22. <span> 行内元素
23. <style> 定义样式信息。
24. <table> 简单的 HTML 表格由 table 元素以及一个或多个 tr、th 或 td 元素组成。
    
    <table> 
     <tbody> 
      <tr> 
       <td><a href="https://www.w3school.com.cn/tags/att_table_border.asp" rel="nofollow">border</a></td> 
       <td><em>pixels</em></td> 
       <td>规定表格边框的宽度。</td> 
      </tr> 
      <tr> 
       <td><a href="https://www.w3school.com.cn/tags/att_table_cellpadding.asp" rel="nofollow">cellpadding</a></td> 
       <td> 
        <ul> 
         <li><em>pixels</em></li> 
         <li><em>%</em></li> 
        </ul></td> 
       <td>规定单元边沿与其内容之间的空白。</td> 
      </tr> 
      <tr> 
       <td><a href="https://www.w3school.com.cn/tags/att_table_cellspacing.asp" rel="nofollow">cellspacing</a></td> 
       <td> 
        <ul> 
         <li><em>pixels</em></li> 
         <li><em>%</em></li> 
        </ul></td> 
       <td>规定单元格之间的空白。</td> 
      </tr> 
      <tr> 
       <td><a href="https://www.w3school.com.cn/tags/att_table_frame.asp" rel="nofollow">frame</a></td> 
       <td> 
        <ul> 
         <li>void</li> 
         <li>above</li> 
         <li>below</li> 
         <li>hsides</li> 
         <li>lhs</li> 
         <li>rhs</li> 
         <li>vsides</li> 
         <li>box</li> 
         <li>border</li> 
        </ul></td> 
       <td>规定外侧边框的哪个部分是可见的。</td> 
      </tr> 
      <tr> 
       <td><a href="https://www.w3school.com.cn/tags/att_table_rules.asp" rel="nofollow">rules</a></td> 
       <td> 
        <ul> 
         <li>none</li> 
         <li>groups</li> 
         <li>rows</li> 
         <li>cols</li> 
         <li>all</li> 
        </ul></td> 
       <td>规定内侧边框的哪个部分是可见的。</td> 
      </tr> 
      <tr> 
       <td><a href="https://www.w3school.com.cn/tags/att_table_summary.asp" rel="nofollow">summary</a></td> 
       <td><em>text</em></td> 
       <td>规定表格的摘要。</td> 
      </tr> 
      <tr> 
       <td><a href="https://www.w3school.com.cn/tags/att_table_width.asp" rel="nofollow">width</a></td> 
       <td> 
        <ul> 
         <li><em>%</em></li> 
         <li><em>pixels</em></li> 
        </ul></td> 
       <td>规定表格的宽度。</td> 
      </tr> 
     </tbody> 
    </table>
25. <td> 表格中的标准单元格。
26. <textarea> 定义多行的文本输入控件。
27. <title> 定义文档的标题。<title> 标签是 <head> 标签中唯一要求包含的东西。
28. <tr> 定义 HTML 表格中的行。
29. <ul> 定义无序列表。
30. <video> 定义视频。
    
    <table> 
     <tbody> 
      <tr> 
       <td><a href="https://www.w3school.com.cn/tags/att_video_autoplay.asp" rel="nofollow">autoplay</a></td> 
       <td>autoplay</td> 
       <td>如果出现该属性，则视频在就绪后马上播放。</td> 
      </tr> 
      <tr> 
       <td><a href="https://www.w3school.com.cn/tags/att_video_controls.asp" rel="nofollow">controls</a></td> 
       <td>controls</td> 
       <td>如果出现该属性，则向用户显示控件，比如播放按钮。</td> 
      </tr> 
      <tr> 
       <td><a href="https://www.w3school.com.cn/tags/att_video_height.asp" rel="nofollow">height</a></td> 
       <td><em>pixels</em></td> 
       <td>设置视频播放器的高度。</td> 
      </tr> 
      <tr> 
       <td><a href="https://www.w3school.com.cn/tags/att_video_loop.asp" rel="nofollow">loop</a></td> 
       <td>loop</td> 
       <td>如果出现该属性，则当媒介文件完成播放后再次开始播放。</td> 
      </tr> 
      <tr> 
       <td><a href="https://www.w3school.com.cn/tags/att_video_muted.asp" rel="nofollow">muted</a></td> 
       <td>muted</td> 
       <td>规定视频的音频输出应该被静音。</td> 
      </tr> 
      <tr> 
       <td><a href="https://www.w3school.com.cn/tags/att_video_poster.asp" rel="nofollow">poster</a></td> 
       <td><em>URL</em></td> 
       <td>规定视频下载时显示的图像，或者在用户点击播放按钮前显示的图像。</td> 
      </tr> 
      <tr> 
       <td><a href="https://www.w3school.com.cn/tags/att_video_preload.asp" rel="nofollow">preload</a></td> 
       <td>preload</td> 
       <td> <p>如果出现该属性，则视频在页面加载时进行加载，并预备播放。</p> <p>如果使用 "autoplay"，则忽略该属性。</p> </td> 
      </tr> 
      <tr> 
       <td><a href="https://www.w3school.com.cn/tags/att_video_src.asp" rel="nofollow">src</a></td> 
       <td><em>url</em></td> 
       <td>要播放的视频的 URL。</td> 
      </tr> 
      <tr> 
       <td><a href="https://www.w3school.com.cn/tags/att_video_width.asp" rel="nofollow">width</a></td> 
       <td><em>pixels</em></td> 
       <td>设置视频播放器的宽度。</td> 
      </tr> 
     </tbody> 
    </table>

[getContext_]: https://www.w3school.com.cn/jsref/met_canvas_getcontext.asp
[base]: https://www.w3school.com.cn/tags/tag_base.asp
[link]: https://www.w3school.com.cn/tags/tag_link.asp
[meta]: https://www.w3school.com.cn/tags/tag_meta.asp
[script]: https://www.w3school.com.cn/tags/tag_script.asp
[style]: https://www.w3school.com.cn/tags/tag_style.asp
[title]: https://www.w3school.com.cn/tags/tag_title.asp
[src]: https://www.w3school.com.cn/tags/att_img_src.asp
[alt]: https://www.w3school.com.cn/tags/att_img_alt.asp