html常用标签演示,HTML常用标签演示.docx

HTML常用标签演示

HTML 常用标签演示本页演示的所有标签均为浏览器默认效果。【基础】

?定义文档中的节(块元素，无任何属性) ?定义文档中的节(内联元素，无任何属性)

?to?

?定义标题(通常使用粗体显示。注意：单个页面内最好只使用1个H1标签)H1 标题H2 标题H3 标题H4 标题H5 标题H6 标题

?定义段落

---

?定义水平线(本页中的分割线均为

---

标签)?定义 section 或页面的头部?定义 section 或页面的尾部?定义文章?定义文档中的节?定义文档内容相关的内容?定义导航header 头部footer 尾部article 内容section 内容aside 内容nav 内容?定义细节内容?定义 details 的标题HTML 5【列表】

• ?定义无序列表(通常列表前会有项目符号)
• ?定义列表的项目张三李四
  1. ?定义有序列表。(通常列表前会有数字符号)
  2. ?定义列表的项目张三李四

     ?定义定义列表中的项目

     ?定义定义列表中项目的描述张三的家谱张三的家谱于1900年开始统计，进行了..【表格】

     ?定义表格标题

     ?定义表格中的表头单元格(通常使用粗体显示)

     ?定义表格中的单元table 结构标准顺序如下： ※虽然tfoot放在了tbody之前，浏览器依然会将tfoot显示在tbody之后，而且这样做能让浏览器在获得所有表格内的数据前显示表注。表格标题表头 ID表头姓名表头日期表注这是编号表注这是假名表注这是添加日期1张三2009-09-092李四2010-10-10自带边框样式表头 ID表头姓名表头日期表注这是编号表注这是假名表注这是添加日期1张三2009-09-092李四2010-10-10【表单】?定义表单?定义围绕表单中元素的边框(通常四周会有缩进，并显示围绕的边框)?定义fieldset元素的标题标题内容?定义选择列表(下拉列表、多选列表)?定义选择列表中相关选项的组合?定义选择列表中的选项? ? ?? ? ?? ? ?? ?? ?? ? ?? ? ?? ? ?? ??滚动列表形式? ? ?? ? ?? ? ?? ?? ?? ? ?? ? ?? ? ?? ??多选列表? ? ?? ? ?? ? ?? ?? ?? ? ?? ? ?? ? ?? ??窗体顶端?定义输入控件(如果浏览器不支持 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-l