WPS格式转换成html代码

问题描述

  • 需求

    当得到一个带有格式的文档,要求文档内的内容显示成页面 文档内容

解决方案

  • 选择"文件"-"另存为"-"其他格式"

文档

  • 选择"html"-点击“保存”,文件名设为"示例文档",文件类型选择"html"

另存为窗口

  • 右键点击“示例文档”,选择“打开方式”-“Firefox”火狐浏览器

生成的html打开预览

  • 预览html内容

这是浏览器显示的内容

  • 右键点击“查看元素”

在浏览器中,右键点击"查看元素" 操作步骤

  • 选中div标签,右键“编辑HTML”

这里的html代码才是正确的html代码 这里的html代码才是正确的html代码

  • 全选红框内的div内全部代码,按“ctrl+c”复制

对div内的代码进行复制

  • 打开editplus,选择“New”-“HTML page”

打开editplus,进行粘贴html代码

  • 在body中粘贴,然后自己整理代码,代码格式化。最后ctrl+s保存

整理代码,你也可以自己整理css代码.因为很多地方css重复的.代码自动格式化.因为每个开发工具的代码自动格式化快捷键不一样的.自行百度查阅自己用的开发工具的快捷键. 输入图片说明

结果

  • 测试html代码效果

测试成功结果

完成,结束!有什么不懂可以提出来

转载于:https://my.oschina.net/snowbobo/blog/968400

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值