任务一:使用富文本编辑器
-
首先,在开源富文本编辑器中输入一段文本。
-
在源码模式下,可以看到内容转换成带有html标签的文本。
-
最后,实现表格隔行变色和js按钮。
任务二:[所见即所得]式开发
- 在code.org上以「所见即所得 」的方式完成HTML和CSS系列网页开发任务。
CSS盒子模型:
-
IE盒模型box-sizing:border-box
-
标准(W3C)盒模型box-sizing:content-box
-
完成以下盒子模型
自测:
-
HTML5为了使img元素可拖放,需要增加什么属性?
答:draggable:true
-
HTML5哪一个input类型可以选择一个无时区的日期选择器?
答:type=“datetime-local”
-
cSS盒子模型中的Margin、Border、Padding都是什么意思?
答:margin:外边距;boder:边框;padding:内边距 -
说出至少五种常见HTML事件
答:
- 窗口事件:onblur , onfocus , onload , onresize ;
- 表单事件:onblur , onfocus , onsubmit , onchange , onreset , oninput , onselect
- 键盘事件:onkeydown , onkeypresss , onkeyup
- 鼠标事件:onclick , ondrag , onmousedown , onmousemove , onmouseout , onmouseover , onmouseup , onscroll
- 其他事件:onshow , ontoggle
- HTML的onblur和onfocus是哪种类型的属性?
答:窗口事件属性,表单事件属性 - 怎么设置display属性的值使容器成为弹性容器?
答:display:flex - JavaScript中有多少种不同类型的循环?
答:while循环,do…while循环,for循环 ,for …in ,for…of , forEach , every , some , map , filter , reduce , reduceRight - 用户搜索某个单词后,JavaScript高亮显示搜索到的单词,使用哪个语义化标签最合适?
答:用<mark>
标签,或者为标签添加自定义类