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有了更深入的了解呢!希望以后我能编写出更多更漂亮、更有趣的网页!加油哦!