HTML常用标签演示.docxVIP

HTML 常用标签演示本页演示的所有标签均为浏览器默认效果。【基础】div?定义文档中的节（块元素，无任何属性）span?定义文档中的节（内联元素，无任何属性）h1?to?h6?定义标题（通常使用粗体显示。注意：单个页面内最好只使用1个H1标签）H1 标题H2 标题H3 标题H4 标题H5 标题H6 标题p?定义段落hr?定义水平线（本页中的分割线均为 hr 标签）header?定义 section 或页面的头部footer?定义 section 或页面的尾部article?定义文章section?定义文档中的节aside?定义文档内容相关的内容nav?定义导航header 头部footer 尾部article 内容section 内容aside 内容nav 内容details?定义细节内容summary?定义 details 的标题HTML 5【列表】ul?定义无序列表（通常列表前会有项目符号）li?定义列表的项目张三李四ol?定义有序列表。（通常列表前会有数字符号）li?定义列表的项目张三李四dl?定义定义列表dt?定义定义列表中的项目dd?定义定义列表中项目的描述张三的家谱张三的家谱于1900年开始统计，进行了..【表格】table?定义表格caption?定义表格标题thead?定义表格中的表头内容tfoot?定义表格中的表注内容（脚注）tbody?定义表格中的主体内容tr?定义表格中的行th?定义表格中的表头单元格（通常使用粗体显示）td?定义表格中的单元table 结构标准顺序如下：table caption/caption thead tr th/th /tr /thead tfoot tr td/td /tr /tfoot tbody tr td/td /tr /tbody/table※虽然tfoot放在了tbody之前，浏览器依然会将tfoot显示在tbody之后，而且这样做能让浏览器在获得所有表格内的数据前显示表注。表格标题表头 ID表头姓名表头日期表注这是编号表注这是假名表注这是添加日期1张三2009-09-092李四2010-10-10自带边框样式表头 ID表头姓名表头日期表注这是编号表注这是假名表注这是添加日期1张三2009-09-092李四2010-10-10【表单】form?定义表单fieldset?定义围绕表单中元素的边框（通常四周会有缩进，并显示围绕的边框）legend?定义fieldset元素的标题标题内容select?定义选择列表（下拉列表、多选列表）optgroup?定义选择列表中相关选项的组合option?定义选择列表中的选项? ? ?? ? ?? ? ?? ?? ?? ? ?? ? ?? ? ?? ??滚动列表形式? ? ?? ? ?? ? ?? ?? ?? ? ?? ? ?? ? ?? ??多选列表? ? ?? ? ?? ? ?? ?? ?? ? ?? ? ?? ? ?? ??窗体顶端input?定义输入控件（如果浏览器不支持 HTML5 新的类型，那么会使用文本域替代）文本域?type=text?密码域?type=password?复选框?type=checkbox?A?B?C单选按钮?type=radio?组A:①?②　　组B:Ⅰ?Ⅱ文件域?type=file?图像域?type=image?（可用做提交按钮）隐藏域?type=hidden?（当然是看不见的了）普通按钮?type=button?重置按钮?type=reset?提交按钮?type=submit?email 域?type=email?（若有输入内容，则会验证格式是否符合 email）url域?type=url?（若有输入内容，则会验证格式是否符合url）数值域?type=number?（若有设置最大值或最小值，则会验证数字是否在最大最小值之内）数值范围域?type=range?（通过拖动滑块来选择数值）日期域?type=date?（会调用浏览器自带的日期选择器，可设置的类型：date, month, week, time, datetime, datetime-local）　　　?type=month?　　　?type=week?　　　?type=time?　　　?type=datetime?　　　?type=datetime-local?色值域?type=color?（会调用浏览器自带的颜色选择器）搜索域?type=search?（用于搜索，站内搜索或 Google 搜索等，在输入框内容右侧通常会出现清除按钮）datalist?定义 input 元素的选项列表keygen?定义生成秘钥output?定义多行的文本输入控件label?定义