标签

需求：需要在网页中展示一张图片的效果？Ø 方法一：直接写上img标签即可• img标签是一个标签，不设置宽高默认会以原尺寸显示Ø 方法二：div标签 + 背景图片• 需要设置div的宽高，因为背景图片只是装饰的CSS样式，不能撑开div标签

我们知道Ctrl+D 可以依次选择相同的标签进行替换，那么如果页面很多相同的标签都需要替换，如何才能一键全部替换呢， 快捷键： ctrl + h  注意选择全部替换即可

在HTML5新版本中，推出了一些有语义的布局标签供开发者使用 常见有语义的布局标签有哪些？• header：网页头部• nav：网页导航• footer：网页底部• aside：网页侧边栏• section：网页区块• article：网页文章

label标签 场景：常用于绑定内容与表单标签的关系，比如有个输入框，如果我想要点击输入框获得焦点，只有input情况下，我只能选中输入框，但加了label，把label和input绑定在一起后，点击label也可以选中输入框。这种是最常用的。 Ø 标签名：labelØ 使用方法①：1. 使用label标签把内容（如：文字）包裹起来2. 在input标签上添…

场景：在网页中提供可输入多行文本的表单控件 标签名：textareaØ 常见属性：• cols：规定了文本域内可见宽度• rows：规定了文本域内可见行数Ø 注意点：• 右下角可以拖拽改变大小• 实际开发时针对于样式效果推荐用CSS设置

select下拉菜单标签 场景：在网页中提供多个选择项的下拉菜单表单控件Ø 标签组成：• select标签：下拉菜单的整体• option标签：下拉菜单的每一项Ø 常见属性：• selected：下拉菜单的默认选中 代码演示：

button按钮标签 场景：在网页中显示用户点击的按钮Ø 标签名：buttonØ type属性值（同input的按钮系列）： 注意点：• 谷歌浏览器中button默认是提交按钮• button标签是双标签，更便于包裹其他内容：文字、图片等

input系列标签的基本介绍 场景：在网页中显示收集用户信息的表单效果，如：登录页、注册页 标签名：input• input标签可以通过type属性值的不同，展示不同效果   input系列标签-文本框 场景：在网页中显示输入单行文本的表单控件 type属性值：text         input系列标签-密…

表格的结构标签，场景：让表格的内容结构分组，突出表格的不同部分（头部、主体、底部），使语义更加清晰 表格的结构标签分别有哪些？表示什么含义？• thead：表格头部• tbody：表格主体• tfoot：表格底部Ø 表格结构标签书写在什么位置？• 表格结构标签写在table标签内部• 表格标签内部用于包裹tr标签 注意点：• 表格结构标签内部用于包裹tr标签…

表格标题和表头单元格标签 场景：在表格中表示整体大标题和一列小标题 注意点：• caption标签书写在table标签内部• th标签书写在tr标签内部（用于替换td标签） 表示表格整体大标题，使用什么标签完成？书写在什么位置？• 表格整体大标题：caption标签• 书写在table标签内部Ø 在表格第一行设置一列的小标题，使用什么标签完成？书写在什么位置…