HTML 编辑器

article/2025/9/11 1:32:10

目录

使用 Notepad 或 TextEdit 来编写 HTML

步骤一:启动记事本

步骤二:用记事本来编辑 HTML

步骤三:保存 HTML

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


使用 Notepad 或 TextEdit 来编写 HTML

可以使用专业的 HTML 编辑器来编辑 HTML:

  • Adobe Dreamweaver
  • Microsoft Expression Web
  • CoffeeCup HTML Editor

不过,我们同时推荐使用文本编辑器来学习 HTML,比如 Notepad (PC) 或 TextEdit (Mac)。我们相信,使用一款简单的文本编辑器是学习 HTML 的好方法。

通过记事本,依照以下四步来创建您的第一张网页。

步骤一:启动记事本

如何启动记事本:

开始
    所有程序
        附件
            记事本

步骤二:用记事本来编辑 HTML

在记事本中键入 HTML 代码:

步骤三:保存 HTML

在记事本的文件菜单选择“另存为”。

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

在一个容易记忆的文件夹中保存这个文件,比如HTML_Learning。

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

启动您的浏览器,然后选择“文件”菜单的“打开文件”命令,或者直接在文件夹中双击您的 HTML 文件。

结果应该类似这样:


不过,笔者在实际操作中发现,PyCharm对于写HTML代码也很友好,可以新建HTML文件,也可以自定义HTML模板,省去了不少繁琐的步骤。其实笔者学习HTML是为了深入学习爬虫,这样可以同时在一个编辑器里面去编辑爬虫代码和HTML代码,对我这种懒人而言很方便~所谓“知己知彼,百战不殆”,这样也能更好地“从入门到入狱”!哈哈!


如果朋友们喜欢可以点一个免费的赞~希望大家可以一起努力哦


http://chatgpt.dhexx.cn/article/jDO9IL6U.shtml

相关文章

使用文本编辑器来写Python代码

在Python的交互式命令行写程序,好处是一下就能得到结果,坏处是没法保存,下次还想运行的时候,还得再敲一遍。 所以,实际开发的时候,我们总是使用一个文本编辑器来写代码,写完了,保存…

一款轻量级的文本编辑器:FSNotes for Mac

FSNotes是macOS的纯文本管理器, 我们的应用程序遵循以下开放格式:普通/文本,Markdown和RTF,并将数据存储在文件系统中。您可以在您最喜爱的外部编辑器中查看,编辑和复制数据,并查看FSNotes中的实时结果。 …

2个小巧好用的文本编辑器--Cuda Text(及中文设置方法)与Nopad--

由于某种原因,需要找到一款好用小巧的文本编辑器替换掉notepad, 2023年02月02日 编辑新增 Notepad- -介绍 Cuda Text 因为之前用过UE、notepad、sublime、vscode、Atom对比下来,感觉Cuda Text比较小巧,完全免费,体积在10M左右&a…

在mac上用文本编辑器写java源代码

1、首先打开mac的无格式文本编辑器,如下图 2、直接编辑代码(注意是纯文本格式),并存储为hello.java 注意:文件名要和class名一样 3、打开终端,因为hello.java存储在桌面,所以首先输入cd deskt…

java编辑多行文本编辑器_五个最佳编程文本编辑器

很多场合下我们会用到纯文本编辑器,Windows自带的记事本功能很简陋,因此我们从网友的投票提名中选取了前五个最佳的文本编辑器(实际上有六个)。这些编辑器实际上主要适合程序员使用,他们的清单如下。 Notepad (Windows) 优于Windows记事本的一…

html5 富文本编辑框,漂亮的富文本编辑器WYSIWYG

插件描述: 接下来我要为大家介绍一款好看的富文本编辑器 wysiwyg 。先来看看官方对这款编辑器的相关功能描述吧。 接下来我要为大家介绍一款好看的富文本编辑器 wysiwyg 。先来看看官方对这款编辑器的相关功能描述吧。 1、在Mac和Wndows平台上能够自动针对常用操作绑…

文本编辑器Notepad++使用技巧

除了语法高亮,一般不用操作。还有两点经常使用的:正则表达式查找替换和列模式编辑。这些可以在VS、Eclipse、Word等里也有,但是有时打开一个文件就慢了。 本来想总结记录一下技巧的,却无意中发现已经有人写过了,而且详…

让Mac文本编辑器成为HTML编辑器

一,偏好设置->新建文稿->格式->选上“纯文本”。 这会防止我们在编辑HTML源码时意外加入一些无法解析的富文本的东西。 一,偏好设置->打开和存储->打开文件时:->选上“将HTML文件显示为HTML代码而不显示为格式化的文本”。…

10个最流行免费的Mac OS文本编辑器

转载自:http://www.open-open.com/home/space-4293-do-blog-id-1335.html 1) XEmacs 是一种强大的文本编辑器,在程序员和其他以技术工作为主的计算机用户中广受欢迎。EMACS,即 Editor MACroS(宏编辑器)的缩写,最初由Richard Stallman于1975年在MIT协同Guy Steele共同完成…

程序员 文本编辑器 c语言,程序员必备的五款文本编辑器

原标题:程序员必备的五款文本编辑器 程序员的工作离不开文本编辑器,有人说一个txt就能搞定,但txt面对如今复杂的要求,明显有些捉襟见肘,下面推荐五款超级好用的文本编辑器及搭配软件,绝对是程序员的大爱。 …

流行的文本编辑器排行榜

1. Visual Studio Code:蓝星最强编辑器 Visual Studio Code是一个可以运行于 Mac OS X、Windows和 Linux 之上的,针对于编写现代Web和云应用的跨平台源代码编辑器。 2. Sublime text:轻巧强大的编辑器 如果你正在寻找一款轻巧且功能强大的程…

Sublime Text4 文本编辑器

共 5988 字 sublime text 4 是一款性感的代码编辑器、程序员之必备神器!Sublime Text 是个功能强大的代码编辑器,也是HTML和散文先进的文本编辑器。其主要功能包括:Python的插件,完整的Python API , Goto功能,代码段&a…

高级文本编辑器——Kate

简介 Kate 是一个免费、扩平台、具有众多功能的文本编辑器,功能非常丰富,可以让你更轻松地查看和编辑所有的文本文件。Kate 可以让你同时编辑和查看多个文件,既可以在标签页中查看,也可以在分割视图中查看,并且还附带…

在mac上用文本编辑器写python_Mac开源文本编辑器CotEditor

coteditor for mac版是一款适用于macOS系统的轻量级文本编辑器,可以用于编辑纯文本文件,如网页(HTML,CSS),程序源代码(Python,Ruby,Perl等),结构化…

mac文本编辑器Brackets

绿色安全免费的Brackets for Mac你值得拥有! mac文本编辑器有什么推荐?Brackets for Mac是一款可靠,直观且易于使用的macOS应用程序,可用作HTML,CSS和JavaScript项目的代码编辑器。今天小编将要带大家详细了解一下这个…

在mac上用文本编辑器写python_五大文本编辑器。Mac OS X最佳文本编辑器应用

五大适用于Mac修订的文本编辑器 文本编辑是开发人员生活中非常重要的一部分。这对于习惯于面面俱到的环境的Mac开发人员而言更加明显。对于他们来说存在一系列不同的优质软件之选。以下我们为其介绍了Mac版的前五大文本编辑器。对于每一款文本编辑器,我们对其中的亮点和不足之…

Macos 有没有好用的文本编辑器,试下 Notepad--

macos 是挺好用的,国内用户不少,许多用户给我留言,说国产的Ndd可以支持mac os吗?能够带来如npp一般的体验吗?我说当然可以啊,是许多人还惯性停留在“国产就是抄袭,国产就是烂”的陈旧惯性思维中…

Mac下最好用的文本编辑器

友情提醒:图多杀猫。 以前在Windows下一直用gVim,可以用键盘控制一切,操作起来是又快又爽,还支持一大堆插件,想怎么玩就怎么玩。后来转Mac后,也沿袭着之前的习惯,一直在用终端的Vim,…

适用于Mac的最佳HTML文本编辑器,编码开发必备!

一个好的文本编辑器对于想要建立网站或进行编码的任何人都是必不可少的。这对于习惯于面面俱到的环境的Mac开发人员而言更加明显。对于他们来说存在一系列不同的优质软件之选。今天小编将介绍几款Mac上好用的HTML文本编辑器,对于每一款文本编辑器,小编将…

10款最流行的免费Mac OS文本编辑器

1、XEmacs XEmacs是一款强大的文本编辑器,在程序员和其他以技术工作为主的计算机用户中广受欢迎。EMACS,即Editor MACroS(宏编辑器)的缩写,最初由Richard Stallman于1975年在MIT协同Guy Steele共同完成。自诞生以来&a…