2021-05-26

C1 任务03 - Web基础与布局

---

大厂每年都要招聘大量的前端软件工程师，有些开发基于浏览器应用、有些开发基于H5的应用、而有些可能会开发小程序和桌面应用。不管是做哪种开发工作的前端工程师，都离不开HTML、CSS、JavaScript这三类Web浏览器核心技术。HTML定义了浏览器中各种元素的分类和用途，CSS定义了浏览器页面的整体布局和外观，而JavaScript可以动态创建页面，使网页能够响应用户的点击、拖拽等各种事件，给用户更好的体验。

任务一:使用富文本编译器

• 首先,在开源富文本编译器(https://summernote.org/)中随便输入一段文字
  
  
  
• 然后，在源码模式下，查看内容是如何被转变为带标签的文本的，都带了哪些HTML标签
  
  
  
• 最后，实现编辑器没有的功能，例如让表格隔行换色，加入JavaScript按钮
  
• 具体代码如下

<p><font color="#ff0000"><b>CSDN能力认证中心</b></font></p>
<table class="table table-bordered">
  <tbody>
    <tr bgcolor="grey">
      <td>C1</td>
      <td>见习工程师认证</td>
    </tr>
    <tr>
      <td>C4</td>
      <td>专项工程师认证</td>
    </tr>
    <tr bgcolor="grey">
      <td>C5</td>
      <td>全栈工程师认证</td>
    </tr>
  </tbody>
</table>
<form>
  <input type="submit" value="我要考试" class="js1" onmousedown="show()">
</form>
<script type="text/javascript">
function show(){
  alert("Hello")
  }
</script>

任务二：所见即所得的开发

在code.org上面。我们可以实现开发和预览网页的同时进行。