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

2.html编辑器介绍

news 2026/5/18 6:05:38

html编辑器介绍

HTML 编辑器推荐

理论上我们可以使用记事本进行html编码和开发，但是在实际开发html页面的时候，使用一些专业的开发工具可以使我们更加快速和高效的进行开发，下面介绍几种开发工具：

  • VS Code：https://code.visualstudio.com/
  • Sublime Text：http://www.sublimetext.com/
  • 在线编辑器：https://www.jyshare.com/front-end/61/

你可以从以上软件的官网中下载对应的软件，按步骤安装即可。如果官网比较慢，也可以直接百度软件名称，网上会有很多安装包。

VsCode创建html

步骤 1: 新建 HTML 文件

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

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

步骤 2: 在浏览器中运行这个 HTML 文件

然后鼠标右击编辑器上的文件名，选择在默认浏览器打开（也可以其他的浏览器）

在这里插入图片描述

安装插件

安装Prettier - Code formatter（代码格式化）、Live Server（本地开启服务和端口并打开页面）插件

在这里插入图片描述

相关文章：

2.html编辑器介绍

html编辑器介绍 HTML 编辑器推荐 理论上我们可以使用记事本进行html编码和开发&#xff0c;但是在实际开发html页面的时候&#xff0c;使用一些专业的开发工具可以使我们更加快速和高效的进行开发&#xff0c;下面介绍几种开发工具&#xff1a; VS Code&#xff1a;https://…...

编程日记 2024/10/13 6:34:05

树莓派应用--AI项目实战篇来啦-17.YOLOv8目标检测-安全帽检测

1. YOLOv8介绍 YOLOv8是Ultralytics公司2023年推出的Yolo系列目标检测算法&#xff0c;可以用于图像分类、物体检测和实例分割等任务。YOLOv8作为YOLO系列算法的最新成员&#xff0c;在损失函数、Anchor机制、样本分配策略等方面进行了全面优化和创新。这些改进不仅提高了模型的…...

编程日记 2024/10/13 6:31:02

git-secret介绍

git-secret介绍 git-secret 是一个与git兼容的命令行工具，旨在安全地存储和管理敏感数据，如源代码中的密码、密钥以及敏感文件。它通过 GPG 加密来保护文件，确保只有授权的用户才能访问这些敏感信息。 使用流程 1、安装 Git-Secret：在本地开发环境中安装 git-secret。 2…...

编程日记 2024/10/13 6:29:00

【实战】Nginx+Lua脚本+Redis 实现自动封禁访问频率过高IP

大家好&#xff0c;我是冰河~~ 自己搭建的网站刚上线&#xff0c;短信接口就被一直攻击&#xff0c;并且攻击者不停变换IP&#xff0c;导致阿里云短信平台上的短信被恶意刷取了几千条&#xff0c;加上最近工作比较忙&#xff0c;就直接在OpenResty上对短信接口做了一些限制&am…...

编程日记 2024/10/13 6:27:56

计算机专业大一课程：线性代数探秘

计算机专业大一课程&#xff1a;线性代数探秘 对于计算机专业的大一新生来说&#xff0c;线性代数是一门基础且重要的课程。它不仅是数学的一个分支&#xff0c;更是计算机科学中不可或缺的工具。那么&#xff0c;线性代数究竟包含哪些内容&#xff0c;对我们的计算机学习有何…...

编程日记 2024/10/13 6:26:42

vscode写markdown插入图片视频并放在指定目录

目录 前言正文 前言 各种云文档非常好用&#xff0c;但是当你想把这些资料保存在本地时&#xff0c;markdown我觉得是最好的选择 markdown编辑器也有很多&#xff0c;但我还是觉得vscode最好用&#xff0c;直接粘贴文件就可以插入也类似云文档的使用体验&#xff0c;但是想要…...

编程日记 2024/10/13 6:25:41

鸿蒙富文本显示

1.使用 RichText 组件&#xff08;ArkTS&#xff09; 背景知识&#xff1a;在 ArkTS&#xff08;一种鸿蒙应用开发语言&#xff09;中&#xff0c;RichText组件提供了更强大的富文本显示功能。它允许设置不同的文本样式&#xff0c;包括字体、颜色、字号等多种属性。 Rich Te…...

编程日记 2024/10/13 6:24:40

手写mybatis之细化XML语句构建器，完善静态SQL解析

前言 1&#xff1a;在流程上&#xff0c;通过 DefaultSqlSession#selectOne 方法调用执行器&#xff0c;并通过预处理语句处理器 PreparedStatementHandler 执行参数设置和结果查询。 2&#xff1a;那么这个流程中我们所处理的参数信息&#xff0c;也就是每个 SQL 执行时&#…...

编程日记 2024/10/13 6:23:38

使用Milvus和Llama-agents构建更强大的Agent系统

代理&#xff08;Agent&#xff09;系统能够帮助开发人员创建智能的自主系统&#xff0c;因此变得越来越流行。大语言模型&#xff08;LLM&#xff09;能够遵循各种指令&#xff0c;是管理 Agent 的理想选择&#xff0c;在许多场景中帮助我们尽可能减少人工干预、处理更多复杂任…...

编程日记 2024/10/13 6:22:37

Python 工具库每日推荐【Arrow】

文章目录 引言Python时间日期处理库的重要性今日推荐：Arrow工具库主要功能：使用场景：安装与配置快速上手示例代码代码解释实际应用案例案例：跨时区会议安排器案例分析高级特性时间范围和区间自定义时间格式扩展阅读与资源优缺点分析优点：缺点：总结【 已更新完 TypeScript…...

编程日记 2024/10/13 6:21:36

Win10 安装 Redis 数据库

一、Redis 数据库介绍 Redis 是一个开源的高性能键值对&#xff08;key-value&#xff09;的非关系型数据库。它通常用作数据结构服务器&#xff0c;支持多种类型的数据结构&#xff0c;如字符串&#xff08;strings&#xff09;、哈希&#xff08;hashes&#xff09;、列表&a…...

编程日记 2024/10/13 6:20:35

使用springboot生成war包

1.生成war包 1.1 更改pom包 打开一个springboot 项目 &#xff0c;右击项目名从项目管理器打开 在pom.xml文件中插入以下两个依赖 <dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-devtools</artifactId><…...

编程日记 2024/10/13 6:18:33

见微知著：OpenEuler系统启动流程

OpenEuler是一个开源的Linux发行版&#xff0c;它的启动流程涉及到多个阶段&#xff0c;包括固件初始化、引导加载程序、内核启动、初始化系统和服务管理器等。下面将详细介绍OpenEuler的启动流程。 一、启动流程 1. 固件初始化&#xff08;BIOS/UEFI&#xff09; 启动过程首…...

编程日记 2024/10/13 6:17:31

支持向量机-笔记

支持向量机&#xff08;Support Vector Machine, SVM&#xff09; 是一种强大的监督学习算法&#xff0c;广泛应用于分类和回归任务&#xff0c;特别是在分类问题中表现优异。SVM 的核心思想是通过寻找一个最优超平面&#xff0c;将不同类别的数据点进行分割&#xff0c;并最大…...

编程日记 2024/10/13 6:15:28

研发线上事故风险解读之缓存篇

专业在线打字练习平台-巧手打字通&#xff0c;只输出有价值的知识。 一 前言 本文继续基于《线上事故案例集》&#xff0c;进一步深入梳理线上事故缓存使用方面的问题点&#xff0c;重点关注缓存在使用和优化过程中可能出现的问题&#xff0c;旨在为读者提供具有实践指导意义的…...

编程日记 2024/10/13 6:14:27

JavaScript前端开发技术

JavaScript前端开发技术 引言 JavaScript&#xff08;简称JS&#xff09;是一种广泛使用的脚本语言&#xff0c;特别在前端开发领域&#xff0c;它几乎成为了网页开发的标配。从简单的表单验证到复杂的单页应用&#xff08;SPA&#xff09;&#xff0c;JavaScript都扮演着不可…...

编程日记 2024/10/13 6:13:26

H.264 编码参数优化策略

一、概述 随着数字媒体技术的发展&#xff0c;视频编码成为了多媒体领域中的重要研究方向之一。而H.264作为一种广泛应用的视频编码标准&#xff0c;具有高压缩比、优质画面和广泛兼容性等优点。为了进一步提高视频质量和压缩效率&#xff0c;对H.264编码参数进行优化成为了一个…...

编程日记 2024/10/13 6:12:24

C++ 游戏开发技术选型指南

C 游戏开发技术选型指南 游戏开发是一个复杂而多元化的领域&#xff0c;而C凭借其高性能和强大的控制能力&#xff0c;成为许多游戏引擎的首选编程语言。在这篇博客中&#xff0c;我们将探讨如何选择合适的C技术栈进行游戏开发&#xff0c;包括技术背景、代码示例、优化实践、…...

编程日记 2024/10/13 6:11:23

基于Python Django的在线考试管理系统

&#x1f34a;作者&#xff1a;计算机毕设匠心工作室 &#x1f34a;简介&#xff1a;毕业后就一直专业从事计算机软件程序开发&#xff0c;至今也有8年工作经验。擅长Java、Python、微信小程序、安卓、大数据、PHP、.NET|C#、Golang等。 擅长&#xff1a;按照需求定制化开发项目…...

编程日记 2024/10/13 6:09:21

《Java基础》变量和数据类型

综述 在开始学习变量之前&#xff0c;我们思考一下为什么需要使用变量。 首先我们从小开始学习加法减法的时候&#xff0c;后来我们再学更难的东西就是代数&#xff0c;其中的x和y是我们要求解的内容&#xff0c;这些内容就是变量。 变量是人的思维的提升&#xff0c;没有变量…...

编程日记 2024/10/13 6:07:20

ESP32-S2物联网实战：IPv6配置与Adafruit IO双向通信

1. 项目概述与核心价值如果你手头有一块ESP32-S2开发板&#xff0c;并且已经厌倦了仅仅让它连上Wi-Fi、点个灯&#xff0c;想让它真正“活”起来&#xff0c;成为一个能融入现代互联网、能与云端自由对话的智能节点&#xff0c;那么这篇文章就是为你准备的。我们将深入两个在物…...

编程新知 2026/5/17 10:59:33

Adobe-GenP终极指南：5分钟破解Adobe创意套件限制的完整教程

Adobe-GenP终极指南&#xff1a;5分钟破解Adobe创意套件限制的完整教程 【免费下载链接】Adobe-GenP Adobe CC 2019/2020/2021/2022/2023 GenP Universal Patch 3.0 项目地址: https://gitcode.com/gh_mirrors/ad/Adobe-GenP 你是否曾因为Adobe Creative Cloud高昂的订阅…...

编程新知 2026/5/17 10:37:23

TongWEB(东方通)实战：从零部署企业级WEB前后端项目

1. 环境准备&#xff1a;银河麒麟系统下的基础搭建 在银河麒麟桌面系统V10(SP1)兆芯版上部署企业级WEB项目&#xff0c;环境准备是第一步。我遇到过不少开发者直接跳过环境检查就急着部署&#xff0c;结果浪费大量时间排查兼容性问题。这里分享几个关键点&#xff1a; 首先是系…...

编程新知 2026/5/17 10:18:19

PCL2启动器离线登录按钮消失？5分钟快速修复指南

PCL2启动器离线登录按钮消失&#xff1f;5分钟快速修复指南 【免费下载链接】PCL Minecraft 启动器 Plain Craft Launcher&#xff08;PCL&#xff09;。 项目地址: https://gitcode.com/gh_mirrors/pc/PCL 你是否遇到过PCL2启动器离线登录按钮突然消失的困扰&#xff1…...

编程新知 2026/5/17 6:53:17

ANSYS APDL函数方程加载：从GUI操作到命令流集成的完整指南

1. 项目概述&#xff1a;为什么我们需要函数方程加载&#xff1f;在ANSYS的仿真世界里&#xff0c;我们经常遇到一个头疼的问题&#xff1a;载荷不是一成不变的。比如&#xff0c;一个大型储罐的侧壁&#xff0c;水压会随着深度线性增加&#xff1b;一个高速旋转的叶片&#xf…...

编程新知 2026/5/17 2:56:06

VTube Studio API完全指南：5个核心场景教你打造个性化虚拟主播互动

VTube Studio API完全指南&#xff1a;5个核心场景教你打造个性化虚拟主播互动 【免费下载链接】VTubeStudio VTube Studio API Development Page 项目地址: https://gitcode.com/gh_mirrors/vt/VTubeStudio 想要为你的虚拟主播形象添加更多互动功能&#xff0c;却不知道…...

编程新知 2026/5/18 2:56:50

FPGA开发入门：从零开始用Vivado实现LED流水灯项目

1. 项目概述与核心价值最近在后台和社群里&#xff0c;看到不少刚接触FPGA开发的朋友&#xff0c;特别是从单片机或嵌入式软件转过来的&#xff0c;对于如何上手第一个完整的FPGA项目感到有些迷茫。大家常问&#xff1a;“我学了Verilog语法&#xff0c;也跑过仿真了&#xff0…...

编程新知 2026/5/17 22:59:53

避坑指南：QGraphicsView自适应缩放时，为什么你的Item总对不齐或留白？

避坑指南&#xff1a;QGraphicsView自适应缩放时Item对齐与留白问题深度解析 在Qt图形界面开发中&#xff0c;QGraphicsView框架因其强大的2D显示能力被广泛应用。但当开发者尝试实现视图内容的自适应缩放时&#xff0c;经常会遇到一个令人头疼的问题——调用fitInView后&#…...

编程新知 2026/5/16 22:13:33

开关电源传导EMI超标？手把手教你用π型滤波器搞定（附SCT2450实测数据）

开关电源传导EMI超标&#xff1f;手把手教你用π型滤波器搞定&#xff08;附SCT2450实测数据&#xff09; 在电源设计领域&#xff0c;传导EMI超标是工程师们经常遇到的棘手问题。当你的产品在EMC实验室测试失败时&#xff0c;那种挫败感相信每个硬件工程师都深有体会。传导噪声…...

编程新知 2026/5/18 5:12:55

基于CCS811与CircuitPython的可穿戴呼吸监测面具制作全解析

1. 项目概述与核心价值 几年前&#xff0c;当我第一次接触到可穿戴健康设备时&#xff0c;就被其潜力深深吸引。但市面上的产品要么是封闭的“黑盒”&#xff0c;数据不透明&#xff1b;要么价格高昂&#xff0c;难以进行个性化定制。我一直想&#xff0c;能不能自己动手做一个…...

编程新知 2026/5/18 5:13:23