当前位置: 首页 > news >正文

HTML网页【vscode】【Linux】

vscode下载一个liveserver,可以在网页实时同步代码

新建文件.html结尾

右边代码块界面,shift1 + 回车 会得到一个结构

结构中间补全

每一小段,如<head> 结尾时需要用 </head>在前面加斜杠 给中间内容括住

最后编写完了,我们这样在网页中查看效果

选择自己的浏览器打开

修改时两个窗口想要实时同步要在修改后按 CTRL S 保存一下, 网页就会实时发生改变

教程推荐:https://www.runoob.com/html/html-tutorial.html(菜鸟HTML教程)

如果是在xshell上想要生成一个网页版的,我们xshell上存的也有,一个是.html的一个文件

(我这边是6个小脚本 一个主脚本,现在打开的是主脚本,写网页这块的在html.sh这里)

下载一个工具lrzsz,这个工具是上传下载用的,sz是下载,rz是上传,

dnf install lrzsz -y

把linux里的这个文件 下载保存到windos的桌面 方便后面不要了删

sz 加文件的绝对路径

弹窗之后,保存的桌面

sz /tmp/html_report.html

如果我们想要美化一下这个界面

1,先备份一下 cp html.sh html.sh.bak

2,我们把html.sh的东西给deep seek,deep seek给的东西再粘贴到主文件 :set paste回车i

3,重新加载一下我们修改过的文件和主文件

bash html.sh bash report.sh

4,下载主文件(report.sh)里的这个,到桌面

sz /tmp/html_report.html

http://www.rkmt.cn/news/1519474.html

相关文章:

  • 2026年成都双流手机维修回收,这家店为何脱颖而出? - 速递信息
  • 合肥庐阳区 清洁收纳|维小达|日常保洁、开荒保洁、窗户保洁、收纳整理、暖气家电清洗一站式家政服务 - 维小达科技
  • 2026长治搬家全场景指南:长途价格、附近师傅、写字楼与钢琴搬运全解析 - GrowthUME
  • 2026科技前沿向国内EMBA中立测评与科学选型指南 - 品牌2026推荐
  • QuPath OpenSlide扩展加载失败:命令行模式下.mrxs文件格式支持的技术困局
  • 别被坑了!2026实测好用的AI论文写作工具|实测必入避坑版
  • 海外商标注册平台全攻略:跨境卖家如何选择靠谱的海外商标代理机构? - 速递信息
  • 2026年6月诚信的马弗炉供应商口碑分析,高精度测硫仪/环保型对辊破碎机/实验室小型对辊破碎机,马弗炉制造企业推荐 - 品牌推荐师
  • Xilinx FPGA上跑的8路并行低通滤波器工程包(含MATLAB信号生成与频谱分析)
  • 手把手复现:用Python仿真验证电容容抗公式1/(j*2*pi*f*C),附代码与波形分析
  • 【jupyter notebook】中文符号需要按两次才能输入
  • 告别日志混乱!用CAPL的setLogFileName和writeToLogEx打造自动化测试日志系统(Vector CANoe实战)
  • 郑州黄金珠宝回收哪家靠谱?24 小时上门、无套路变现,本地人可参考这两家! - 同城好物推荐官
  • Spring MVC传统XML配置版登录注册实战项目(含MySQL建表脚本与完整工程结构)
  • 别再死记硬背了!用RTA-OS配置Task优先级和调度策略,看完这篇就够了
  • 深度探索:解锁联想刃7000k隐藏性能的实战之旅
  • DeepSeek-Reasonix最新版v1.7.0,附安装包
  • 我的电视:Android原生开发的高性能电视直播应用
  • 深入RTA-OS单栈模型:扩展任务(Extended Task)的WaitEvent到底怎么省内存?
  • 智能驱动管理:重新定义Android开发环境配置体验
  • 告别平地的Cesium世界:手把手教你加载在线和离线地形(附ArcGIS与CesiumLab实战)
  • 宜宾居然装饰官方联系方式 咨询电话 官方网站 官网 - 速递信息
  • MC68302用户手册勘误解析:嵌入式硬件设计的避坑指南与工程实践
  • 从SERDES到眼图:深入浅出聊聊7系列FPGA里GTX收发器的那些“硬核”事儿
  • 别再只盯着快充功率了!深入USB PD策略引擎,看懂你的手机和笔记本是怎么‘讨价还价’的
  • 别再死记硬背公式了!用Python+Matlab仿真,带你直观理解SVPWM的电压矢量合成
  • 从人脸识别到猫咪检测:手把手教你用OpenCV的预训练模型玩转计算机视觉
  • PDF转PPT保留动画全攻略:3款免费微信工具实测+保姆级教程 - 时时资讯
  • EdgeRemover深度解析:Windows系统中彻底移除Microsoft Edge的技术方案
  • GDB 进程概念详解(下篇)—— 多进程与进阶调试能力