本文档介绍了如何在富文本编辑器的源码模式下实现插入表格和隔行换色，以及插入音视频功能。重点讲解了HTML、CSS和JavaScript的基础应用，包括HTML表格、图片插入、字符编码、CSS样式及JavaScript的DOM操作。通过创建网站结构，演示了如何组织文件夹和插入图像。同时，提供了插入表格和实现隔行换色的HTML代码示例，以及视频插入的HTML标签使用方法。
使用富文本编辑器构建网站
任务描述
在富⽂本编辑器的源码模式下，实现富⽂本编辑器没有实现的功能，例如插⼊表格，并且能够隔⾏换⾊；或者再插⼊⾳视频，能够在页⾯上播放。
知识点
1.掌握HTML的基础语法与布局、表单、图像等组件的应⽤
2.掌握CSS的基础语法与分组、嵌套、定位和盒⼦模型等组件的应⽤
3.掌握JavaScript的基本语法与函数、DOM、BOM和对象等技术的应⽤
网站结构
一个网站最基本、最常见的结构是：一个主页、一个图片文件夹、一个样式表文件夹和一个脚本文件夹：
1.index.html ：这个文件一般包含主页内容，即用户第一次访问站点时看到的文本和图像。使用文本编辑器在 test-site 文件夹中新建 index.html。
2.images 文件夹 ：这个文件夹包含站点中的所有图像。在 test-site 文件夹中新建 images 文件夹。
3.styles 文件夹 ：这个文件夹包含站点所需样式表（比如，设置文本颜色和背景颜色）。在 test-site 文件夹中新建一个 styles 文件夹。
4.scripts 文件夹 ：这个文件夹包含提供站点交互功能的 JavaScript 代码（比如读取数据的按钮）。在 test-site 文件夹中新建一个 scripts 文件夹。
插入图片
代码显示如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>测试页
最低0.47元/天 解锁文章
扫一扫
7222
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
