HTML编辑器新手学习日记

最新推荐文章于 2024-09-06 08:18:27 发布
最新推荐文章于 2024-09-06 08:18:27 发布
阅读量352 收藏 7
点赞数 7
分类专栏： # HTML 学习笔记 文章标签： 笔记 html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/e7182818/article/details/135437464
版权

HTML编辑器新手学习日记

今天是我学习HTML的第一天，感觉好神奇啊！虽然我是个编程小白，但我听说用简单的文本编辑器起步就足够了，那我就来试试记事本（Windows）和文本编辑（Mac）吧！

初探HTML，用记事本或文本编辑开始

虽然我还不太懂那些专业的HTML编辑器，但姐姐说，对于我们这些初学者来说，用简单的文本编辑器反而更容易上手和理解呢。那我就从最基本的开始吧！

打开记事本（Windows）

我的电脑是Windows系统的，所以我先试试记事本。我在开始屏幕搜索了一下，很快就找到了“记事本”这个程序，真的好方便啊！

打开文本编辑（Mac）

如果我用的是Mac电脑的话，姐姐说可以通过“Finder”找到“应用程序”文件夹，再打开“TextEdit”应用程序。虽然我现在还没用过Mac，但感觉应该也很简单呢！

试着编写HTML代码

在打开的记事本里，我小心翼翼地输入了姐姐给我的一段HTML代码。虽然我还不是很懂这些代码的意思，但它们竟然可以组成一个网页，真的好神奇！

<!DOCTYPE html>
<html lang="zh-Hans">
<head>
    <meta charset="GBK"> <!-- 注意：这里使用GBK是为了示例的趣味性，但实际上UTF-8是更常用的字符编码 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.2"> <!-- 稍微放大了初始缩放比例 -->
    <title>欢迎来到我的HTML小天地</title>
</head>
<body>
    <h1>🎉欢迎光临🎉</h1> <!-- 添加了Emoji字符使标题更有趣 -->
    <p>这是我的第一个段落，好开心啊！😊</p> <!-- 同样添加了Emoji字符 -->
</body>
</html>

哇！输入完代码后，我觉得好开心啊！不仅是简单的几行字，我还加了一些有趣的表情符号呢！

保存自己的HTML文件

编写完代码后，我按照姐姐的指导，选择了“文件”菜单下的“另存为”选项，将文件名命名为“my_little_world.html”，并确保编码设置为GBK（注意：这里是为了示例，实际上通常推荐使用UTF-8编码）。然后，我点击了保存按钮，好开心啊！我的第一个HTML文件就这样诞生啦！

在浏览器中查看自己的HTML页面

保存完文件后，我迫不及待地双击打开了它。哇！在浏览器中，我看到了自己编写的HTML页面的效果！那个欢迎光临的标题和开心的段落都按照我编写的代码显示出来了，还带有可爱的表情符号呢！真的好有成就感啊！
在这里插入图片描述

试试在线编辑器

除了使用记事本外，我还听姐姐说，可以尝试使用在线HTML编辑器来学习HTML。这些编辑器都有实时预览功能，可以让我们边编写代码边查看页面效果呢！那我下次也要试试看！

今天的学习就到这里啦！虽然只是简单的几步操作，但我觉得自己对HTML有了更深入的了解呢！希望以后我能编写出更多更漂亮、更有趣的网页！加油哦！

e7182818
关注
  • 7
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
android markdown编辑器,推荐几款好用的Markdown编辑器
weixin_28932365的博客
05-26 1万+
原文：https://blog.csdn.net/xl_lx/article/details/80482092如有侵权，及时联系！！！谢谢推荐几款好用的Markdown编辑器(自学做笔记的好工具)1、Ulysses \ 最强大的写作软件支持文章管理、支持图片、可以自定义主题和样式，甚至可以写一本书，功能很强大，可是貌似没有win版，需要一台mac笔记本才行。2、Yu Writer \ 国产跨平台的...
手机markdownx导出html,推荐几款好用的Markdown编辑器
weixin_35023786的博客
06-21 691
原文：https://blog.csdn.net/xl_lx/article/details/80482092如有侵权，及时联系！！！谢谢推荐几款好用的Markdown编辑器(自学做笔记的好工具)1、Ulysses \ 最强大的写作软件支持文章管理、支持图片、可以自定义主题和样式，甚至可以写一本书，功能很强大，可是貌似没有win版，需要一台mac笔记本才行。2、Yu Writer \ 国产跨平台的...
Python入门学习日记-1
不忘初心 加油
09-01 306
因为要搞机器学习方面的研究，入门先学下python，之前有c，c++，js，php等语言的基础，想着快点入门的想法写下这个学习日记。 一、了解python Python官网的介绍算是了解了，这里照搬下。Python2和python3的选择的话，虽然python2目前适应性很强，但是技术发展这么快，而且python3早在2012年就发布了，新学的话建议还是学新的python3吧。  pytho...
欢迎使用CSDN-markdown编辑器
teffi的专栏
02-21 358
转自作业部落Cmd Markdown编辑阅读器介绍欢迎使用 Cmd Markdown 编辑阅读器 转自作业部落Cmd Markdown编辑阅读器介绍 欢迎使用 Cmd Markdown 编辑阅读器WindowsMacLinux 全平台客户端 什么是 Markdown 制作一份待办事宜 Todo 列表 书写一个质能守恒公式1 高亮一段代码2 高效绘制 流程图 高效绘制 序列图 绘制表格 更详细语法说明
（二）Cmd Markdown 编辑阅读器的使用效果 | 以 Cmd Markdown 编辑阅读器为例
Shipley_Leo的博客
04-14 871
（二）Cmd Markdown 编辑阅读器的使用效果 | 以Cmd Markdown 编辑阅读器为例
作业部落 Cmd Markdown 编辑阅读器
Jerry Liu
05-12 3867
Cmd Markdown 编辑阅读器Cmd Markdown 编辑阅读器WindowsMacLinux 全平台客户端 什么是 Markdown 书写一个质能守恒公式1 高亮一段代码2 高效绘制 流程图 高效绘制 序列图 绘制表格 更详细语法说明 什么是 Cmd Markdown 实时同步预览 编辑工具栏 编辑模式 实时的云端文稿 离线模式 管理工具栏 阅读工具栏 阅读模式 标签分类和搜索 文稿发布和
在线Markdown编辑器
weixin_44447529的博客
07-20 429
欢迎使用 Cmd Markdown 编辑阅读器 我们理解您需要更便捷更高效的工具记录思想，整理笔记、知识，并将其中承载的价值传播给他人，Cmd Markdown 是我们给出的答案 —— 我们为记录思想和分享知识提供更专业的工具。 您可以使用 Cmd Markdown： 整理知识，学习笔记 发布日记，杂文，所见所想 撰写发布技术文稿（代码支持） 撰写发布学术论文（LaTeX 公式支持） 除了您现在看到的这个 Cmd Markdown 在线版本，您还可以前往以下网址下载： Windows/Mac/L
Cmd Markdown 最近发现的一个比较好的编辑器
07-26 1835
我们理解您需要更便捷更高效的工具记录思想，整理笔记、知识，并将其中承载的价值传播给他人，Cmd Markdown 是我们给出的答案 —— 我们为记录思想和分享知识提供更专业的工具。 您可以使用 Cmd Markdown： 整理知识，学习笔记 发布日记，杂文，所见所想 撰写发布技术文稿（代码支持） 撰写发布学术论文（LaTeX 公式支持） 除了您现在看到的这个 Cmd Ma
markdown编辑器
boss2967的博客
03-25 212
欢迎使用 Cmd Markdown 编辑阅读器 我们理解您需要更便捷更高效的工具记录思想，整理笔记、知识，并将其中承载的价值传播给他人，Cmd Markdown 是我们给出的答案 —— 我们为记录思想和分享知识提供更专业的工具。 您可以使用 Cmd Markdown： 整理知识，学习笔记 发布日记，杂文，所见所想 撰写发布技术文稿（代码支持） 撰写发布学术论文（LaTeX 公式支持） ...
秋之恒日记 V1.0
06-26
开发者可能会使用数据库来存储这些记录，并设计相应的前端界面让用户可以方便地添加、编辑和查看自己的日记条目。 资料部分可能包括了关于如何编译、安装和运行源代码的文档，以及可能的开发指南、API参考和示例...
新手如何能简单使用 Cmd Markdown 编辑阅读器，看后就知道了。
01-22 292
我们理解您需要更便捷更高效的工具记录思想，整理笔记、知识，并将其中承载的价值传播给他人，Cmd Markdown 是我们给出的答案 —— 我们为记录思想和分享知识提供更专业的工具。 您可以使用 Cmd Markdown： 整理知识，学习笔记 发布日记，杂文，所见所想 撰写发布技术文稿（代码支持） 撰写发布学术论文（LaTeX 公式支持） 除了您现在看到的这个 Cmd Markdown 在...
每天成长一点---WEB前端学习入门笔记
小浩
01-05 4757
每天成长一点WEB前端学习入门笔记 从今天开始，本人就要学习WEB前端了。 经过老师的建议，说到他每天都会记录下来新的知识点，每天都是在围绕着这些问题来度过，很有必要每天抽出半个小时来写一个知识总结，及时对一天工作的一个小结， 也是对自己知识的一个梳理，之前特别喜欢记在本子上，不过长期的不用，就会发现记在本子上很容易就忘，所以后面开始写博客。首先，它并不单单是对自己的一些技术心得 的总结亦
前端常用插件、工具类库汇总，新手必收藏！！！
BOM485480的博客
04-30 732
前言 在开发中，我们经常会将一些常用的代码块、功能块进行封装，为的是更好的复用。那么，被抽离出来独立完成功能，通过API或配置项和其他部分交互，便形成了插件。 下面这些是我在工作中积累的一些常用的前端开源插件，这里只是罗列出来，详细的用法各个插件官网或者Gayhub都有介绍。注意：往往一个解决方案会有多个插件，需要读者根据自己的实际业务需求进行甄别选用，欢迎留言交流和补充。_ 可以先加个收藏（Ct...
(转载)不完全解读 Emacs 编辑器—自由软件的旗舰
FreeCoder的专栏
05-18 2793
转载：不完全解读 Emacs 编辑器—自由软件的旗舰 L-Emacs 2008-11-17 21:41:10 阅读45 评论0   字号：大中小 订阅 作者: texnician@dRL 希望本文能指引你进入Emacs的神奇世界 一 基本介绍 1. Emacs是什么东西？ Emacs名字的正式由来是"Editing Macros"的简称，即“宏编辑器
【学习笔记】卫星通信NTN 3GPP标准化进展分析（六）- 参考标准
u011376987的博客
09-01 1150
本文总结了NTN标准化进程以及后续的研究计划，是学习NTN协议的入门。本文来自3GPP Joern Krause, 3GPP MCC。
维度不固定的多维数组形参笔记
H2z1220的博客
09-05 148
假如我有多个元素个数都不一致的多维数组都需要调用这个函数进行处理，这个形参问题就凸显出来了，总不能创建N个不同的函数来进行处理吧？这样也太繁琐了，而且也适用度不高。这个函数可以传入多维数组，但元素个数必须是固定的，假如传入一个str[][20]，元素个数不一样的数组，那么这个函数就不适用了，且会报错。所有数据在存储空间里面都是有地址的，那么就可利用指针寻址来获取到相应的数据。在查找了一些资料后受到了一点启发。而这里也可利用指针来指向多维数组。
1-7 掩膜的运用 opencv树莓派4B 入门系列笔记
Sisphusssss的博客
09-02 993
2、提前安装opencv库 以及 numpy库。1、树莓派4B 及 64位系统。4、计算掩膜覆盖物体的质心。5、计算掩膜物体的面积。2、计算掩膜覆盖的像素。
golang学习笔记06——怎么实现本地文件及目录监控-fsnotify
最新发布
GoppViper的博客
09-06 1475
Golang 的 fsnotify 库很方便对文件、目录做监控，这里的充满了想象力，因为一切皆文件，这代表着一切可监控。童鞋们，这里的想象空间非常大哦；通过 fsnotify 我们映证了 vim 的秘密；Golang 的 fsnotify 其实操作系统能力的浅层封装，Linux 本质就是对 inotify 机制；inotify 也是一个特殊句柄，属于匿名句柄之一，这个句柄用于文件的事件监控；
麦克斯韦电路编辑器新手指南
"这篇文档是关于使用麦克斯韦电路编辑器的用户手册，适用于初学者。它涵盖了如何打开编辑器、各个菜单的功能以及如何在电路图中放置组件、分配组件属性等基本操作。" 在电磁仿真领域，ANSYS Maxwell 是一款强大的三...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值