前端怎么把内容转换为html格式存储

2024-11-05 00:10:28

1、使用鼠标点击打开HBuilderX软件，如图所示：

2、然后点击菜单栏文件-->新建-->项目，如图所示：

3、输入项目名，点击选中创建基本的html项目，然后再点击创建按钮，如图所示：

4、然后再html文件中键入完整代码，如图所示：<!DOCTYPE html争犸禀淫><html><head><meta charset="utf-8"><title>前端怎么把内容转换为html格式存储？</title><script src="//libs.baidu.com/jquery/1.10.2/jquery.min.js"></script><script>function appendText(){ var txt1="<p>一寸光阴一寸金</p>"; // 使用 HTML 标签创建文本 var txt2=$("<p></p>").text("一年之计在于春，一日之计在于晨"); // 使用 jQuery 创建文本 var txt3=document.createElement("p"); txt3.innerHTML="少壮不努力，老大徒伤悲。"; // 使用 DOM 创建文本 text with DOM $("body").append(txt1,txt2,txt3); // 追加新元素}</script></head><body><p>这是格言。</p><button onclick="appendText()">添加内容</button></body></html>

5、然后点击运行-->浏览器运行，如图所示：

6、在浏览器中查看运行结果，然后点击添加内容按钮，如图所示：

7、添加完内容之后，点击鼠标右键菜单-->另存为---html，点击保存按钮，如图所示：

8、保存完成之后，重新使用浏览器打开查看内容是否完整，如图所示：