html表格编辑器退出编辑状态,html编辑器的使用方法

核心提示:在本篇教程中将为你介绍html编辑器的使用方法!

系统在许多地方均采用了功能强大的HTML编辑器。通过本编辑器可以直接进行图文混排编辑、表格编辑,也可以将WORD或DREAMWEAVER、FRONTPAGE中编辑好的文档直接拷贝到编辑器内,甚至可以将网页上显示的内容直接拷贝回编辑框。

ec8268cca324c66afa43ba21be056fc1.gif

本系统的Html编辑器功能非常齐全,现将主要功能图标说明如下:

图标

功能说明

2d6f4a0a897a1a61a37d9e712342eab2.gif

设置文字正文、标题一、标题二等

a1ad5421d1d3b96e358211b26a85f32d.gif

设置字体

ef0f497ec23759a359bc9ecc683d1ac4.gif

设置字体大小

4d91ddf4395b16a228845a2cbbe71e7f.gif

设置文字粗体

dc1a0086bc879a1f4869f16d22dee231.gif

设置文字斜体

4d7ce928b6dff6139161535de7a36f57.gif

设置文字下划线

690ef7503e14d5e7867468d60793d222.gif

设置文字颜色

df408ae8ae55f662dd173f091f9f439b.gif

设置文字背景色

563ba8a470a5e0a35a5b57e4aba1ceab.gif

设置上标

671234605a1f551bbe42d97c5dfc4aa8.gif

设置下标

c1c2b8d4c67782556784b13c231ee053.gif

设置文字删除线

3c0580bec6bafbf077a966754e7a95c5.gif

插入移动字幕

dc83eb40121c3864af30b4dcbb802bf7.gif

剪切

2e9cbe6a6d5904ff18475a6a67a53963.gif

粘贴

c5d811aedb1266cc19538611963d0f9c.gif

删除

390fb400c4fa44e8626e7f48a53f232f.gif

撤销操作

e766c812dbfc4516d8a05567a90f2c2a.gif

恢复操作

8610d338f8a7adbc2e28a40b063bedc6.gif

取消对齐

63fc6f37c21bd255129f3720a466ffb1.gif

左对齐

610c21e354d10e8a3bbb255abe9aa7a1.gif

居中对齐

ec087aae5578501e07ad1a8647a12383.gif

右对齐

676d232890a3543e9fec8127e9eafd83.gif

减少缩进

a4308b88f83423a6e6411c565e5ecdd7.gif

增加缩进

17df761da5ee1ee666624eb67472d92a.gif

添加水平线

06b59b943233a7f685f140b77c5c9e9b.gif

编号

745271d9456f2c2c7a0adc3060bcd243.gif

项目符号

109f6f6eb8d2b9403bc49b4b39d66b60.gif

创建一个链接,可以是给文字或图片加上链接

39fc573fa57829f137005b96de7c1ef7.gif

取消链接

5101c153af6eaa1be595d561bbee9e2d.gif

插入图片(上传新图片或从图库中选择已经上传的图片)

4393dcdcff982343672adfe20623149c.gif

修改图片属性,如图文环绕方式,图文间距,图片尺寸等

ac89f6c0ea8ea3033804de347386aac0.gif

插入一张表格

f434502bfe850f6f44498ad00d718461.gif

选中表格后,编辑表格属性。如边框宽度,边框间距

e9f105df2415cd2f969d0124267f5abe.gif

编辑表格单元格属性

8f33a2a47a28a880e8c2176611ba6e2a.gif

表格中在当前单元格上方插入一行

ccc072437017de57e54e2ade3f9251e8.gif

表格中在当前单元格下方插入一行

b21cf46720fcfe06c8d061d1ee043d13.gif

表格中在当前单元格左侧插入一列

9799e893ad01d07cea501d11f72657ef.gif

表格中在当前单元格右侧插入一列

434171084790b1f46378a18db31d9cd7.gif

表格中删除当前列

df1a251c187f99180a0440ac88c39205.gif

表格中删除当前行

425d041720381d805d75f8b5f96752d9.gif

辅助线功能。当表格边框为0的时候,编辑器中看不到表格框。使用辅助线可以在有表格框的位置显示虚线。(很重要,当显示了辅助线之后,你会发现很多的操作困难可以迎刃而解)

下图为Html编辑器页面图示:

fc29aeb1e16f1cbbece41c9e1f4f5ce7.gif

如果直接对页面中的文字进行编辑,有可能会使原有页面变得混乱。但如果点击“辅助线”按钮,你会发现如下图所示:

dfc27779e9dfc2ba3a54b3ba7fa9b03c.gif

显示了表格线之后,你就可以随心所欲的进行编辑,而不必担心破坏原有页面布局了。

从以上表格中可以发现,html编辑器的使用非常简单。如果你了解Word的使用,你就可以非常轻松的利用html编辑器来编辑信息内容。

Html编辑器提供三种视图:普通、html和预览。

如果你了解html代码,你可以直接进行代码的编辑。无论在普通视图与html视图两种方式中进行编辑,你都可以随时通过预览查看编辑效果。

ca44202f92c75eb66c6a6bd9272101d4.gif

如果你会用Dreamweaver或者Frontpage工具制作网页,你可以直接采用那些工具制作网页后,拷贝新页面的源代码。然后点击“Html”标签,将源代码粘贴进去,就立即生成一个同网页制作工具制作出来的相同的网页。非常方便!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值