HTML 常用标签演示.docxVIP

HTML 常用标签演示本页演示的所有标签均为浏览器默认效果。【基础】定义文档中的节（块元素，无任何属性）定义文档中的节（内联元素，无任何属性）to定义标题（通常使用粗体显示。注意：单个页面内最好只使用1个H1标签）H1 标题H2 标题H3 标题H4 标题H5 标题H6 标题定义段落定义水平线（本页中的分割线均为 标签）定义 section 或页面的头部定义 section 或页面的尾部定义文章定义文档中的节定义文档内容相关的内容定义导航header 头部footer 尾部article 内容section 内容aside 内容nav 内容定义细节内容定义 details 的标题HTML 5【列表】定义无序列表（通常列表前会有项目符号） 定义列表的项目 张三 李四定义有序列表。（通常列表前会有数字符号）1. 定义列表的项目2. 张三3. 李四定义定义列表定义定义列表中的项目定义定义列表中项目的描述张三的家谱张三的家谱于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=checkboxABC单选按钮type=radio组A:组B:文件域type=file图像域type=image（可用做提交按钮）隐藏域type=hidden（当然是看不见的了）普通按钮type=button重置按钮type=reset提交按钮type=submitemail 域type=email（若有输入内容，则会验证格式是否符合 email）url 域type=url（若有输入内容，则会验证格式是否符合 url）数值域type=number（若有设置最大值或最小值，则会验证数字是否在最大最小值之内）数值范围域type=range（通过拖动滑块来选择数值）日期域type=date（会调用浏览器自带的日期选择器，可设置的类型：date, month, week, time, datetime, datetime-local）type=monthtype=weektype=timetype=datetimetype=datetime-local色值域type=color（会调用浏览器自带的颜色选择器）搜索域type=search（用于搜索，站内搜索或 Google 搜索等，在输入框内容右侧通常会出现清除按钮）定义 input 元素的选项列表定义生成秘钥定义多行的文本输入控件定义 input 元素的标注点击这里也可以选中定义多行的文本输入控件定义按钮（与 input 不同的是，button 内部可以放置更多的内容，比如文本或图像）普通按钮重置按钮提交按钮窗体底端【格式】定义长的引用（通常四周会有缩进）WEB标准不是某一个标准，而是一系列标准的集合。网页主要由三部分组成：结构（Structure）、表现（Presentation）和行为（Behavior）。对应的标准也分三方面：结构化标准语言主要包括XHTML和XML，表现标准语言主要包括CSS，行为标准主要包括对象模型（如W3C DOM）、ECMAScript等。这些标准大部分由W3C起草和发布，也有一些是其他标准组织制订的标准，比如ECMA（European Computer Manufacturers Association）的ECMAScript标准。定义预格式文本（通常会保留空格及换行符，并使用等宽字体显示，很适合用来表示计算机代码）for(var i=0; i9; i+) i+;定义文档作者或拥有者的联系信息（通常使用斜体显示）联系小叉前端开发工程师定义链接、锚点定义强调文本（通常使用斜体显示）定义更为强调的文本（通常使用粗体显示）定义带有标记的文本（通常会高亮显示）定义时间（通常不会有任何视觉效果）定义被删除文本（通常带有删除线）定义新插入文本（通常带有下划线）2015年1月1日是星期五星期四定义斜体文本定义粗体文本定义大号文本（通常使用比正文更大的字号显示）定义小号文本（通常使用比正文更小的字号显示）定义上标文本、X2定义下标文本、H2O定义计算机代码文本。This HTML Code.（通常使用等宽字体显示，但不会保留空格及换行符，需要保留空格及换行符，请使用）详细描述定义引用。可使用该标签对参考文献的引用进行定义，比如书籍或杂志的标题。（通常使用斜体显示）详细描述定义短的引用（通常会在两边加双引号）定义文本的方向后面的文字会从右到左来显示：你已经具备了倒读的能力定义缩写微软推出的浏览器是IE浏览器。（鼠标移到“IE”上看效果）定义进度条定义度计量【图像】定义图像定义可点击区域定义可点击区域的内部区域图片左右两边的链接不一样：定义文档中的媒体内容（图片、图表、照片、代码等）定义 figure 元素的标题小叉试验场定义画布（此处不做演示）【音频