C1-03-web相关知识

任务一、使用富文本编辑器

(1).进入summernote编辑器，切换到编程模式。

(2).添加上述的代码块，实现点击效果。

任务二、‘所见所得式’开发

(1).我用的是VScode，VScode编辑器功能很强大，可以将文档转换为有效的XHTML或HTML文档，所以在这里简单实现一下效果。

拓展：CSS盒子模型

HTML：

CSS：

自测

1、HTML5为了使img元素可拖放，需要增加什么属性？

答：HTML5为了使img元素可拖放，需要增加draggable属性并设置值为true。

2、HTML5哪⼀个Input类型可以选择⼀个无时区的日期选择器？

答：input type=“date”,可以选择一个无时区的日期。

3、CSS盒⼦模型中的Margin、Border、Padding都是什么意思？

答：CSS盒子模型中，margin外边距（容器与容器间得距离），padding内边距（容器与容器内容间得距离），border边框。

4、说出⾄少五种常⻅HTML事件

答：onclick点击事件、onchange元素内容改变事件、onload页面初始化加载事件、onblur元素失去焦点事件、onfocus元素获取焦点事件。

5、HTML的onblur和onfocus是哪种类型的属性？

答：onblur失去焦点属性，onfocus获得焦点属性。

6、怎么设置display属性的值使容器成为弹性容器？

答：给容器设置display:flex，可以让容器变为弹性容器；

7、JavaScript中有多少种不同类型的循环？

答：for循环，while循环，do-while循环，for-in循环，for-of循环，each()循环。

8、用户搜索某个单词后，JavaScript高亮显示搜索到的单词，使用哪个语义化标签最合适？

答：使用mark标签。