Word文件转HTML

您所在的位置：网站首页 › word文档变代码 › Word文件转HTML

Word文件转HTML

2023-09-24 01:09| 来源: 网络整理| 查看: 265

Word 转 HTML 第一步：使用word文档打开文件，将文档另存为 "筛选过的网页(*.htm,*.html)"格式到 “a文件夹” 下

在这里插入图片描述

此时的 “a文件夹” 下会多出一个文件和文件夹：

文件：包含html内容、js脚本、css样式，点击可通过浏览器直接预览文件夹：包含word文档中的图片

在这里插入图片描述

第二步：将 html 或者 htm 文件使用编辑器打开（以vscode为例）

在这里插入图片描述

如果出现乱码，点击右下角 UTF-8 ，选择通过编码重新打开，点击后，选择 gb2312 即可

如果仍存在乱码使用其余编码格式尝试或谷歌搜索，word软件转换的html该以什么编码格式打开在这里插入图片描述

第三步：通过浏览器打开 htm（或 html）文件，此时点击目录即可跳转到相应锚点

在这里插入图片描述

第四步：此时开始调整样式，使用 div { position: relative; overflow: hidden; margin-left: 260px; } .left-nav { float: left; width: 260px; position: fixed; top: 0; left: 0; overflow-y: auto; height: 100%; background: #fafafa; border-right: 1px solid #eee; padding-bottom: 20px; } .left-nav a { color: #364149; display: inline-block; padding: 8px 0; text-decoration: none; } .left-nav a:visited,.left-nav span.MsoHyperlinkFollowed { color: #008cff; } .left-nav a:active,.left-nav span.MsoHyperlink { color: #008cff; } .left-nav p:last-child { margin-bottom: 20px; } p.MsoTocHeading { padding: 20px 0 !important; text-align:center; page-break-after:auto; color: #364149; font-weight: bold; } p.MsoToc1 { padding-left: 10px; } p.MsoToc1 span { font-weight: bold !important; } p.MsoToc2 { margin-left: 16px; } p.MsoToc3 { margin-left: 40px; } p.MsoToc3 span{ font-size: 15px; } .zw2 { padding-top: 30px; }

实际上就是向被包裹的目录元素设置固定定位，以及样式内容，同时对内容元素设置左外边距（margin-left）

如果添加代码后保存时提示无法直接修改，直接选择另存为即可，此处我另存为了 rong.htm（名字无限制）在这里插入图片描述