这是答案文本: Task 1: 1. D 2. C 3. C 4. D 5. A 注:其中答案保存在网页中,但在网页中没有显示出来。...1.2 美化文本输出 最主要的问题是有多余的空格、换行符。想到的一个办法是:将所有结点的内容(包括文本结果)trim,即去年前后的所有空白字符,并对于br元素,加入一个换行符。...首先调用contents函数获取所有子元素。如果子元素数目为0,表示这个元素是叶结点,则首先判断如果是br元素,则在结果中加入一个换行符,否则,调用text函数获取这个元素的文本内容。...最终的代码还解决了一些小问题,如问题文本中包含了多余的文本(对于task4),task4的答案也会被显示在问题文本中,没有留下空白填写答案等。 整个分析、编码过程大致3个小时。...这个代码基本上是解决一次性问题,没有什么重用性(在编写的过程中也没有考虑这些)。但是最重要的是:它解决了问题,它能够工作。它不需要那么好!
* 水平线标签 【】 在网页中显示默认样式的水平线 * 换行标签 【】 强制换行显示 * div/span 是没有语义...⚪ 不仅可以创建文本超链接,在网页中各种网页元素,如图像、表格、音频、视频等都可以添加超链接。...* th 用户定义表中的字段 * tr 用于定义表格中的一行,必须嵌套在 table 标签中,在 table 中包含几对 tr 就有几行表格。...* td 用于定义表格中的单元格,必须嵌套在 tr 标签中,一对 tr 中包含几对 td 就表示该行中有多少列(或多少个单元格)。...* label标签 ⚪ 用于绑定一个表单元素, 当点击 label 标签的时候, 被绑定的表单元素就会获得输入焦点 ⚪ 例如: <label
在匹配的元素中只能获得第一元素的属性。如果设置一个属性的值为null,则移除这个属性。你也可以传递一对键值,或者一个函数。...####Traversing .find(selector) 获得一个在匹配的元素中由选择器滤过的后代。...如果使用函数方法,这个函数在被选择的元素中执行,所以this指向的手势当前元素。...html会让一些标签保持开标签的状态.有时候你想呈现一个有效的XML文档.例如下面这个: $ = cheerio.load('<media:thumbnail url="http://www.foo.com...<em>如</em>发现本站有涉嫌侵权/违法违规<em>的</em>内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
: 标题文本 段落标签:p 语法格式: 文本内容 水平线标签:hr 语法格式: 换行标签:br 语法格式: 盒子标签:div和span...1.图像文件和HTML文件位于同一文件夹:只需输入图像文件的名称即可,如 2.图像文件位于HTML文件的下一级文件夹:输入文件夹名和文件名,之间用“/”隔开,如... 1.table用于定义一个表格 2.tr用于定义表格中的一行,必须嵌套在table标签中,在table中包含几对 tr,就有几行表格。...3.td用于定义表格中的单元格,必须嵌套在tr标签中 表格属性 border 表格边框 cellspacing 设置单元格之间的间距 cellpadding...label标签 作用:用于绑定一个表单元素, 当点击label标签的时候, 被绑定的表单元素就会获得输入焦点 语法格式: Male <input type
: 标题文本 段落标签:p 语法格式: 文本内容 水平线标签:hr 语法格式: 换行标签:br 语法格式: 盒子标签:div和span...1.图像文件和HTML文件位于同一文件夹:只需输入图像文件的名称即可,如 2.图像文件位于HTML文件的下一级文件夹:输入文件夹名和文件名,之间用“/”隔开,如... 1.table用于定义一个表格 2.tr用于定义表格中的一行,必须嵌套在table标签中,在table中包含几对 tr,就有几行表格。...3.td用于定义表格中的单元格,必须嵌套在tr标签中 表格属性 border 表格边框 cellspacing 设置单元格之间的间距 cellpadding 设置单元格内容与单元格之间的间距 width...label标签 作用:用于绑定一个表单元素, 当点击label标签的时候, 被绑定的表单元素就会获得输入焦点 语法格式: Male <input type
2.tr 用于定义表格中的一行,必须嵌套在 table标签中,在 table中包含几对 tr,就有几行表格。...3.td /td:用于定义表格中的单元格,必须嵌套在标签中,一对 中包含几对,就表示该行中有多少列(或多少个单元格)。 注意: 1....表格中没有列元素,列的个数取决于行的单元格个数。 表格不要纠结于外观,那是CSS 的作用。 表格的学习要求: 能手写表格结构,并且能合并单元格。...表单控件: 包含了具体的表单功能项,如单行文本输入框、密码输入框、复选框、提交按钮、重置按钮等。 提示信息: 一个表单中通常还需要包含一些说明性的文字,提示用户进行填写和操作。...作用: 用于绑定一个表单元素, 当点击label标签的时候, 被绑定的表单元素就会获得输入焦点 如何绑定元素呢? for 属性规定 label 与哪个表单元素绑定。
在和标签之间的内容是网页的主要内容,如、、、等网页内容标签,在这里的标签中的内容会在浏览器中显示出来。...在CSS定义中属于一个块级元素可以包含段落、标题、表格甚至其它部分。这使DIV便于建立不同集成的类,如章节、摘要或备注。...与以前我们学过的标签不一样,标签是一个空标签,没有HTML内容的标签就是空标签,空标签只需要写一个开始标签,这样的标签有、和。...这两者的主要差异是,class 用于元素组(类似的元素,或者可以理解为某一类元素),而id 用于标识单独的唯一的元素。...总结: 1、表头,也就是th标签中的文本默认为粗体并且居中显示 2、table表格在没有添加css样式之前,在浏览器中显示是没有表格线的 3、用css样式,为表格加入边框Table 表格在没有添加 css
一般 h1 都是给 logo 使用 文本标签 默认情况下,文本在一个段落中会根据浏览器窗口的大小自动换行 在网页中显示默认样式的水平线 强制换行显示 ...,必须写在开始标签中,位于标签名后面;属性之间不分先后顺序,标签名与属性、属性与属性之间均以空格分开;任何标签的属性都有默认值,省略该属性则取默认值。...th 用户定义表中的字段 tr 用于定义表格中的一行,必须嵌套在 table 标签中,在 table 中包含几对 tr 就有几行表格。...td 用于定义表格中的单元格,必须嵌套在 tr 标签中,一对 tr 中包含几对 td 就表示该行中有多少列(或多少个单元格)。...label 用于绑定一个表单元素, 当点击 label 标签的时候, 被绑定的表单元素就会获得输入焦点,for 属性规定 label 与哪个表单元素绑定 Male<
在 HTML 标签中, 标签用于定义段落,它可以将整个网页分为若干的段落。 特点: 文本在一个段落中会根据浏览器的窗口的大小自动换行 段落与段落之间包有空隙 <!...在 HTML 中,一个段落中的文字会从左到右依次排列,直到浏览器窗口的右端,然后才自动换行。如果希望 某段文本强制换行显示,就需要使用换行标签 。...网页元素链接: 在网页中的各种网页元素,如文本、图像、表格、音频、视频等都可以添加超链接. 标签用于定义表格中行,必须嵌套在标签中 标签表示 HTML 表格的表头部分 用于定义表格中单元格,必须嵌套在 中只能嵌套 ,直接在 标签中输入其他标签或者文字的做法是不被允许的。 之间相当于一个容器,可以容纳所有元素。
中只能嵌套,直接在标签中输入其他标签或者文字的做法是不被允许的。 2. 与之间相当于一个容器,可以容纳所有元素。 3....2.tr 用于定义表格中的一行,必须嵌套在 table /table标签中,在 table /table中包含几对 tr /tr,就有几行表格。...3.td /td:用于定义表格中的单元格,必须嵌套在标签中,一对 中包含几对,就表示该行中有多少列(或多少个单元格)。 注意: 1....公式: 删除的个数 = 合并的个数 - 1 总结表格 表格提供了HTML 中定义表格式数据的方法。 表格中由行中的单元格组成。 表格中没有列元素,列的个数取决于行的单元格个数。...作用: 用于绑定一个表单元素, 当点击label标签的时候, 被绑定的表单元素就会获得输入焦点 如何绑定元素呢? for 属性规定 label 与哪个表单元素绑定。
首先,HTML元素从闭合属性上可分为2类: 自闭和标签 自闭和标签在html元素中的比例不大,常用的就以下几个: 从上面的标签可以看出,自闭合标签形如...: (建议:/和前面的标签名之间空一格) 手动闭合标签 html元素中大多数标签都是需要我们手动闭合的。...; select元素中的标签用于定义列表中的可用选项。...;表示一行记录;表示一列,但嵌套在tbody标签的tr标签内;也表示一列,但嵌套在thead标签的tr标签内; 注意: 一个表格只有一个table标签... 定义最大的标题。 定义最小的标题。 由于 h 元素拥有确切的语义,因此请您慎重地选择恰当的标签层级来构建文档的结构。因此,请不要利用标题标签来改变同一行中的字体大小。 ?
二、标签的差异 共性:都是一个容器,可以在其中放置内容 差异:分为行内和块级两个大类,且不同便签有相应含义上的预设,如:h-标题,p-段落,a-链接,等等 三、标签语义化的好处 a、让结构更简洁,让搜索引擎更友好... 定义锚链接或其他链接,行内元素。 定义引入一张图片,行内元素。 定义强调文本,样式为加粗,行内元素。 定义一个行内元素的空盒子。... 定义有序列表,即数字列表,默认有内外边距,块级元素。 定义列表的项目,一般被嵌套在和内,块级元素。 自定义列表的项目,默认有外边距和内边距,块级元素。... 自定义列表的标题,嵌套在内,与区别,块级元素。 自定义列表的内容,嵌套在内,与区别,块级元素。 定义段落,默认有一个行高的外边距。... 定义表格中的表注内容(脚注)。 定义一个回车换行。 定义图像映射,即鼠标热区。 定义图像映射内部的区域。 定义输入提交的表单。
在标准网页设计中HTML负责填充网页的内容,HTML编写的超文本文档(文件)称之为HTML文档(网页),它包含了一些html元素,使用html或者htm为文件名后缀,能独立于各种操作系统平台,如Unix...标题标签…… 标签是成对出现的,用以规定HTML文档的标题。在……之间的内容将显示在web浏览器窗口的标题栏中。...格式标签 在浏览器中控制文本对象的显示,包括段落、换行、水平线等标签,下面介绍几个常用的html格式标签。...所有的格式标签全部都是在嵌套在……标签对之间的 段落标签 全称paragraph。...换行标签 在不另起一段的情况下将当前文本强制换行,标签属于单独出现的标签,禁止出现结束标签。
Markup Language, 超文本标记语言),用于构建网页基本结构及其内容的标记语言 超文本:文本中包含指向其他文本的链接 标记语言:将文本以及文本相关的其他信息结合起来,展现出关于文档结构和数据处理细节的电脑文字编码...HTML 元素标签不区分大小写,即 和等价,但是建议小写 5. 元素可以嵌套在其他元素中间 6....,不独占一行 只能容纳文本或其他内联元素 只能通过修改水平边距、边框或行高来改变尺寸 常见行内元素有:a、span、br(br 会让后面的元素从另一行开始,但它还是属于上一行)、i、em、strong、...section 元素用于对网站或应用程序中页面上的内容进行分块,section 元素的作用是对页面上的内容进行分块,或者说对文章进行分段;一个 section 元素通常由内容及其标题组成,通常不推荐为那些没有标题的内容使用...,一般用于响应式 picture 元素有多个 source 元素和一个 img 元素,每个 source 元素匹配不同的设备并引用不同的图像源,如果没有匹配的,就选择 img 元素中的图像。
如果希望某段文本强制换行显示,就需要使用换行标签 (5)、a标签:超链接,将页面组织在一起形成网站,超链接(放文本、图片不能当容器使用),字体颜色默认是蓝颜色的...意思是超文本引用 target:用于指定链接页面的打开方式,其取值有self和blank两种,其中self为默认值,blank为在新窗口中打开方式 (6)、无序列表:无序列表的各个列表项之间没有顺序级别之分...中只能嵌套,直接在标签中输入其他标签或者文字的做法是不被允许的。 2. 与之间相当于一个容器,可以容纳所有元素。...表单控件: 包含了具体的表单功能项,如单行文本输入框、密码输入框、复选框、提交按钮、重置按钮等。 提示信息: 一个表单中通常还需要包含一些说明性的文字,提示用户进行填写和操作。...作用: 用于绑定一个表单元素, 当点击label标签的时候, 被绑定的表单元素就会获得输入焦点 如何绑定元素呢? for 属性规定 label 与哪个表单元素绑定。
3.1.5、div和span div、span是没有语义的,他们是我们网页布局主要的2个盒子。用来装我们网页元素的, 只不过他们有区别。...tr标签 用于定义表格中的行,必须嵌套在 table标签中。 td 用于定义表格中的单元格,必须嵌套在标签中。...总结: 中只能嵌套 ,直接在标签中输入其他标签或者文字的做法是不被允许的。 与 之间相当于一个容器,可以容纳所有元素。 无序列表会带有自己样式属性,放下那个样式,一会让CSS来!...在HTML中,一个完整的表单通常由表单控件(也称为表单元素)、提示信息和表单域3个部分构成。 ? 表单控件: 包含了具体的表单功能项,如单行文本输入框、密码输入框、复选框、提交按钮、重置按钮等。...checked 默认选中 表示那个单选或者复选按钮一开始就被选中了 6.3、 label标签 label标签用于绑定一个表单元素, 当点击label标签的时候, 被绑定的表单元素就会获得输入焦点。
段落 段落元素用于定义文本的段落结构,使文本更有组织和可读性。它会在上下内容前后各添加一个换行,将文本分组成独立的部分,使得段落之间有明显的区分。段落元素主要包括 标签,它表示一个段落。...可以是另一个网页的URL、文件的URL或其他资源的URL。 target(可选):指定链接如何在浏览器中打开。...rel(可选):指定与链接目标的关系,如 nofollow(不跟踪)、noopener(不打开新的上下文)、noreferrer(不传递引用信息) 等。 class:指定链接的 CSS 类。...换行 换行元素用于在文本中插入换行符,强制文本换到新的一行。 示例: 这是一行文本。这是另一行文本。 效果: 标签中的斜杠 / 是可选的。...在 HTML 4 中, 标签必须包含斜杠; 在 HTML 5 中,斜杠是可选的。 加粗 元素是一种基本的文本样式标签,用于将文本设定为粗体,但没有强调文本的语义。
如果希望某段文本强制换行显示,就需要使用换行标签 ---- div span标签(重点) div span 是没有语义的 是我们网页布局主要的2个盒子 css+div...---- 列表标签 ---- 无序列表 ul (重点) 无序列表的各个列表项之间没有顺序级别之分,是并列的。...tr 用于定义表格中的一行,必须嵌套在 table标签中,在 table中包含几对 tr,就有几行表格。...表格中没有列元素,列的个数取决于行的单元格个数。 表格不要纠结于外观,那是CSS 的作用。...作用: 用于绑定一个表单元素, 当点击label标签的时候, 被绑定的表单元素就会获得输入焦点 如何绑定元素呢? for 属性规定 label 与哪个表单元素绑定。
(页面中不可见的元素调用 innerText 时是获取不到内容的,在 chrome 中,调用 script、style 标签的 innerText 也能获取到内容)。...,并且不会返回隐藏元素的文本。 innerText 没有 textContent 兼容性好,尤其是对于 IE 浏览器。...在 Internet Explorer (小于和等于 11 的版本) 中对 innerText 进行了修改, 不仅会移除当前元素的子节点,而且还会永久性地破坏所有后代文本节点。...白名单过滤 白名单过滤就是保留部分标签和属性。 白名单过滤可以使用 JavaScript 中的一个第三方库:cheerio。可以使用 npm 进行下载或者 script 标签进行引入。...// 选中所有的元素 $("*").each(function(idx,elem){ // 如果白名单中没有这个元素,就把这个元素从 HTML 中删除 if(!
领取专属 10元无门槛券
手把手带您无忧上云