HTML

HTML的空格合并现象 场景：如果在html代码中同时并列出现多个空格、换行、缩进等，最终浏览器只会解析出一个空格 如果需要增加空格，代码是：&nbsp;   在网页中展示特殊符号效果时，需要使用字符实体替代   Ø 空格的字符实体是？• &nbsp;Ø >的字符实体是？• &gt;Ø <的字符实体是？…

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

没有语义的布局标签-div和span 场景：实际开发网页时会大量频繁的使用到div和span这两个没语义的布局标签Ø div标签：一行只显示一个（独占一行）Ø span标签：一行可以显示多个   常用于布局的无语义标签有哪两个？各自的特点有哪些？• div：独占一行• span：一行中可以显示多

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系列标签-密…

合并单元格-代码实现 合并单元格步骤：1. 明确合并哪几个单元格2. 通过左上原则，确定保留谁删除谁• 上下合并→只保留最上的，删除其他• 左右合并→只保留最左的，删除其他3. 给保留的单元格设置：跨行合并（rowspan）或者跨列合并（colspan） 注意点：• 只有同一个结构标签中的单元格才能合并，不能跨结构标签合并（不能跨：thead、tbody、t…

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