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

html编辑器

news 2026/4/3 5:22:04

HTML 编辑器推荐

html可以使用记事本编辑
但是更建议使用专业的 HTML 编辑器来编辑 HTML，我在这里给大家推荐几款常用的编辑器：

  • VS Code：https://code.visualstudio.com/
  • WebStorm: https://www.jetbrains.com/webstorm/
  • Notepad++: https://notepad-plus-plus.org/

当然,真正技术高超的程序员都是用记事本编辑代码的,你之所以觉得用记事本写不了那是因为你技术不到家

在这里插入图片描述

vscode

因为本人更喜欢使用vscode编写代码,所以这里以着重介绍vscode

Visual Studio Code（简称 VS Code）是一个由微软开发，同时支持 Windows 、 Linux 和 macOS 等操作系统且开放源代码的代码编辑器，编辑器中内置了扩展程序管理的功能。

步骤 1: 新建 HTML 文件
在 VS Code 安装完成后，选择" 文件(F)->新建文件(N) "，在新建的文件中输入以下代码：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>hello world</title>
</head>
<body><h1>我的第一个标题</h1><p>我的第一个段落。</p></body>
</html>

在这里插入图片描述
步骤 2: 另存为 HTML 文件
然后选择" 文件(F)->另存为(A) "，文件名为 hello.html:
--

当保存 HTML 文件时，既可以使用 .htm 也可以使用 .html 扩展名。两者没有区别，完全根据您的喜好，我建议统一用 .html。

在一个容易记忆的文件夹中保存这个文件，比如 hello

步骤 3: 在浏览器中运行这个 HTML 文件
然后鼠标右击编辑器上的文件名，选择预览
在这里插入图片描述

在这里插入图片描述

相关文章：

html编辑器

HTML 编辑器推荐 html可以使用记事本编辑 但是更建议使用专业的 HTML 编辑器来编辑 HTML&#xff0c;我在这里给大家推荐几款常用的编辑器&#xff1a; VS Code&#xff1a;https://code.visualstudio.com/WebStorm: https://www.jetbrains.com/webstorm/Notepad: https://no…...

编程日记 2024/3/17 8:54:28

利用“定时执行专家”软件的25种任务与12种触发器，提升IT系统管理自动化水平

在IT系统管理中&#xff0c;自动化是提高工作效率、减少人为错误的关键。而《定时执行专家》这款软件&#xff0c;以其强大的功能、易用性和毫秒级的执行精度&#xff0c;成为了IT系统管理员的得力助手。今天&#xff0c;我们就来探讨一下如何利用这款软件的25种任务类型和12种…...

编程日记 2024/3/17 8:52:26

设计模式学习笔记 - 规范与重构 - 8.实践：程序出错返回啥？NULL、异常、错误吗、空对象？重构ID生成器，处理各函数的异常

概述 我们可以把函数的运行结果分为两类。一类是预期结果&#xff0c;也就是正常情况下输出的结果。一类是非预期的结果&#xff0c;也就是函数在异常&#xff08;或出错&#xff09;情况下输出的结果。 在正常情况下&#xff0c;函数返回数据的类型非常明确&#xff0c;但是…...

编程日记 2024/3/17 8:51:25

【Python使用】python高级进阶知识md总结第4篇：静态Web服务器-命令行启动动态绑定端口号,html 的介绍【附代码文档】

python高级进阶全知识知识笔记总结完整教程&#xff08;附代码资料&#xff09;主要内容讲述&#xff1a;操作系统&#xff0c;虚拟机软件&#xff0c;Ubuntu操作系统&#xff0c;Linux内核及发行版&#xff0c;查看目录命令&#xff0c;切换目录命令&#xff0c;绝对路径和相对…...

编程日记 2024/3/17 8:50:24

langchain+chatglm3+BGE+Faiss Linux环境安装依赖

前言 本篇默认读者已经看过之前windows版本&#xff0c;代码就不赘述&#xff0c;本次讲述是linux环境配置 超短代码实现&#xff01;&#xff01;基于langchainchatglm3BGEFaiss创建拥有自己知识库的大语言模型(准智能体)本人python版本3.11.0&#xff08;windows环境篇&…...

编程日记 2024/3/17 8:49:23

Kubernetes kafka系列 | k8s部署kafka+zookeepe集群（可外部通信）

直通车 zookeeper搭建 请参考yaml kafka.yaml --- apiVersion: v1 kind: Service metadata:name: kafka-hslabels:app: kafka spec:ports:- port: 9092targetPort: 9092name: serverclusterIP: Noneselector:app: kafka --- apiVersion: v1 kind: Service metadata:name: ka…...

编程日记 2024/3/17 8:48:22

IDEA创建Sping项目只能勾选17和21，没有Java8？

解决办法: 替换创建项目的源 我们只知道IDEA页面创建Spring项目&#xff0c;其实是访问spring initializr去创建项目。故我们可以通过阿里云国服去间接创建Spring项目。将https://start.spring.io/或者http://start.springboot.io/替换为 https://start.aliyun.com/...

编程日记 2024/3/17 8:47:22

ChatGPT 遇到对手：Anthropic Claude 语言模型的崛起

ChatGPT 遇到对手&#xff1a;Anthropic Claude 语言模型的崛起 。 这个巨大的上下文容量使 Claude 2.1 能够处理更大的数据体。用户可以提供复杂的代码库、详细的财务报告或广泛的作品作为提示。然后 Claude 可以连贯地总结长文本&#xff0c;基于文档进行彻底的问答&#x…...

编程日记 2024/3/17 8:46:21

【LeetCode热题100】148. 排序链表（链表）

一.题目要求 给你链表的头结点 head &#xff0c;请将其按 升序 排列并返回 排序后的链表 。 二.题目难度 中等 三.输入样例 示例 1&#xff1a; 输入&#xff1a;head [4,2,1,3] 输出&#xff1a;[1,2,3,4] 示例 2&#xff1a; 输入&#xff1a;head [-1,5,3,4,0] 输…...

编程日记 2024/3/17 8:45:20

Ubuntu Linux - Primavera P6 EPPM 安装及分享

引言 根据计划&#xff0c;近日我制作了基于Ubuntu Linux 的P6虚拟机环境&#xff0c;同样里面包含了全套P6 最新版应用服务 此虚拟机仅用于演示、培训和测试目的。如您在生产环境中使用此虚拟机&#xff0c;请先与Oracle Primavera销售代表取得联系&#xff0c;以获取所需的应…...

编程日记 2024/3/17 8:40:09

微信小程序开发学习笔记——3.11完成form评论案例的实现逻辑

>>跟着b站up主“咸虾米_”学习微信小程序开发中&#xff0c;把学习记录存到这方便后续查找。 课程连接&#xff1a;https://www.bilibili.com/video/BV19G4y1K74d?p25&vd_source9b149469177ab5fdc47515e14cf3cf74 一、javascript参考手册——splice https://www.…...

编程日记 2024/3/17 8:39:07

Linux/Ubuntu/Debian控制台启动的程序和terminal分离的方法-正在运行怎么关闭窗口

disown 是一个 shell 内置函数&#xff0c;它从 shell 的作业表中删除指定的作业&#xff0c;使它们免受挂起的影响。 使用方法如下&#xff1a; 首先&#xff0c;正常运行命令&#xff1a; 你的命令然后&#xff0c;按 Ctrl Z 暂停命令。 现在&#xff0c;运行&#xff…...

编程日记 2024/3/17 8:36:05

Lua-Lua与C的交互3

Lua与C的交互是指在Lua脚本中调用C语言编写的函数或者在C语言中调用Lua脚本中定义的函数。这种交互可以实现Lua和C语言之间的数据传递和函数调用。 Lua提供了一组API函数&#xff0c;可以在C语言中使用这些函数来与Lua进行交互。通过这些API函数&#xff0c;C语言可以将数据传…...

编程日记 2024/3/17 8:29:59

TensorFlow的介绍和简单案例

TensorFlow是一个开源的机器学习框架，由Google开发和维护。它旨在使构建和训练机器学习模型变得更加容易，同时提供高度灵活性和可扩展性。 TensorFlow基于数据流图的概念。数据流图是一个由节点和边组成的有向图，其中节点表示操作，边表示数据的流动。TensorFlow通过在数据…...

编程日记 2024/3/17 8:28:58

基于Java+SpringMVC+vue+element实现前后端分离校园失物招领系统详细设计

基于JavaSpringMVCvueelement实现前后端分离校园失物招领系统详细设计 博主介绍&#xff1a;多年java开发经验&#xff0c;专注Java开发、定制、远程、文档编写指导等,csdn特邀作者、专注于Java技术领域 作者主页 央顺技术团队 Java毕设项目精品实战案例《1000套》 欢迎点赞 收…...

编程日记 2024/3/17 8:26:57

【Stable Diffusion】入门-04：不同模型分类+代表作品+常用下载网站+使用技巧

目录 1 模型简介2 模型文件构成和加载位置2.1 存储位置2.2 加载模型 3 模型下载渠道3.1 HuggingFace3.2 Civitai 4 模型分类4.1 二次元模型4.2 写实模型4.3 2.5D模型 1 模型简介 拿图片给模型训练的这个过程&#xff0c;通常被叫做“喂图”。模型学习的内容不仅包括对具体事物…...

编程日记 2024/3/17 8:22:54

vue3之带参数的动态路由

在应用中&#xff0c;可以使用<router-link> 内置组件或 $router.push 方法来导航到带参数的路由。 定义路由 // 引入 Vue 和 Vue Router import { createRouter, createWebHistory } from vue-router; // 引入组件 import Home from ../views/Home.vue; import …...

编程日记 2024/3/17 8:20:52

深入探讨GPT系列与其他NLP架构的流行度差异及其应用解析

Transformer问答-1 为什么现在GPT系列的decoder-only那么流行&#xff0c;而其它两者:encoder-only和encoder-decoder架构不流行了呢? GPT系列&#xff08;特别是从GPT-3开始&#xff09;的流行并不意味着encoder-only或encoder-decoder架构不再流行或不再重要。事实上&…...

编程日记 2024/3/17 8:16:48

实现兼容性良好的前端页面开发

&#x1f90d; 前端开发工程师、技术日更博主、已过CET6 &#x1f368; 阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1 &#x1f560; 牛客高级专题作者、打造专栏《前端面试必备》 、《2024面试高频手撕题》 &#x1f35a; 蓝桥云课签约作者、上架课程《Vue.js 和 E…...

编程日记 2024/3/17 8:12:45

Rust学习02：推荐一本入门书，免费的

都说Rust的学习曲线很陡峭&#xff0c;试过才知雀实不容易。 先说我的基础&#xff0c;非科班&#xff0c;自学Python&#xff0c;写过几个小程序。 我买书从来不扣扣嗖嗖的&#xff0c;所以先啃了几本Rust的入门书&#xff0c;包括&#xff1a; Tim McNamara的《Rust实战》&am…...

编程日记 2024/3/17 8:09:40

Cesium实战：5分钟搞定飞机轨迹飞行与流光道路效果（附完整代码）

Cesium实战&#xff1a;5分钟实现飞机轨迹飞行与流光道路特效 第一次接触Cesium时&#xff0c;我就被它强大的三维地理可视化能力震撼了。作为一个长期从事WebGIS开发的工程师&#xff0c;我一直在寻找能够快速实现复杂三维场景的工具。直到遇到Cesium.js&#xff0c;才发现原来…...

编程新知 2026/4/3 4:29:36

OpenClaw自动化周报生成：Qwen2.5-VL-7B图文混合排版实战

OpenClaw自动化周报生成&#xff1a;Qwen2.5-VL-7B图文混合排版实战 1. 为什么需要自动化周报 每周五下午3点&#xff0c;我的日历总会准时弹出"写周报"的提醒。作为一个小团队的Tech Lead&#xff0c;我需要汇总Jira任务进展、Git代码提交、会议纪要等零散信息&am…...

编程新知 2026/4/3 3:41:01

新手福音：用快马平台理解openclaw架构图并生成你的第一个应用

新手福音&#xff1a;用快马平台理解openclaw架构图并生成你的第一个应用 作为一个刚入门的开发者&#xff0c;第一次看到openclaw架构图时&#xff0c;那些方框和箭头让我一头雾水。直到在InsCode(快马)平台上动手实践后&#xff0c;才发现原来架构图可以这么直观。下面分享我…...

编程新知 2026/4/3 3:18:42

Winbond W25N/W25M系列SPI NAND Flash驱动开发指南

1. Winbond W25N系列SPI NAND Flash驱动库技术解析Winbond W25N系列&#xff08;含W25N01GV、W25N02GV等&#xff09;与W25M系列&#xff08;如W25M02GW双芯片封装&#xff09;是工业级高可靠性SPI NAND Flash存储器&#xff0c;广泛应用于嵌入式系统中替代传统并行NAND或eMMC方…...

编程新知 2026/4/3 2:52:22

开发环境配置实战：通过Anaconda Prompt高效管理虚拟环境与Jupyter内核

1. 为什么需要Anaconda Prompt管理虚拟环境 作为数据科学领域的开发者&#xff0c;我经历过无数次Python环境混乱带来的痛苦。记得有一次在交付项目前&#xff0c;突然发现本地运行的模型在服务器上完全无法复现&#xff0c;排查了半天才发现是numpy版本不兼容的问题。这种经历…...

编程新知 2026/4/3 2:21:45

全球不到3%的C++开发者掌握的量子模拟技巧：利用constexpr量子门编译期展开，启动速度提升41倍

第一章&#xff1a;量子计算 C 量子比特模拟示例在经典C环境中模拟量子比特行为&#xff0c;是理解量子门操作与叠加态演化的有效教学手段。本节基于线性代数原理&#xff0c;使用标准C17及以上特性&#xff08;无需外部量子SDK&#xff09;&#xff0c;通过复数向量与酉矩阵实…...

编程新知 2026/4/3 1:41:09

深入解析RPN（区域生成网络）：从原理到Faster RCNN的实战应用

1. RPN的前世今生&#xff1a;从Selective Search到神经网络革命 第一次接触物体检测时&#xff0c;我对着Selective Search算法输出的杂乱无章的建议框直挠头。这个传统方法就像在图片上撒豆子&#xff0c;不仅速度慢&#xff08;CPU处理单张图要2秒&#xff09;&#xff0c;…...

编程新知 2026/4/3 1:41:08

C++的std--filesystem文件系统库与跨平台路径处理的标准化

C的std::filesystem文件系统库与跨平台路径处理的标准化 在现代软件开发中&#xff0c;跨平台文件系统操作一直是一个复杂且容易出错的挑战。不同操作系统&#xff08;如Windows、Linux和macOS&#xff09;使用不同的路径分隔符和文件系统语义&#xff0c;开发者往往需要编写大…...

编程新知 2026/4/3 1:18:42

javaweb农贸市场摊位商户管理信息系统设计与实现

目录同行可拿货,招校园代理 ,本人源头供货商功能模块设计商户服务功能市场运营功能技术实现要点项目技术支持源码获取详细视频演示 &#xff1a;文章底部获取博主联系方式&#xff01;同行可合作同行可拿货,招校园代理 ,本人源头供货商 功能模块设计 用户管理模块 角色划分&…...

编程新知 2026/4/3 1:04:39

嵌入式StatsD客户端：轻量级指标上报库设计与实践

1. statsdclient&#xff1a;嵌入式系统中轻量级指标上报的通用通信库1.1 设计定位与工程价值statsdclient是一个面向资源受限嵌入式环境设计的通用指标采集与上报库&#xff0c;其核心目标并非替代完整的监控栈&#xff0c;而是为 MCU 级设备提供一种零依赖、低开销、协议可选…...

编程新知 2026/4/3 0:16:12