编写第一个HTML文件

HTML文件的编写方法

编写HTML文件主要有3种方法:手工直接编写、使用可视化软件和由Web服务器一方实时动态生成,以下分别进行介绍。

1.手工直接编写
由于HTML语言编写的文件是标准的ASCII文本文件,所以可以使用任何的文本编辑器来打开并编写HTML文件,如Windows系统中自带的记事本。

2.使用可视化软件
可以使用 WebStorm、Dreamweaver、Sublime等软件进行可视化的网页编辑制作。

3.由Web服务器一方实时动态生成
这种方法需要通过后端的网页编程来实现,如JSP、ASP、PHP等,一般情况下都需要数据库的配合。

手工编写页面

下面先使用记事本来编写第一个HTML文件,操作步骤如下:
(1)选择“开始”→“程序”→“附件”→“记事本”菜单项,打开Windows系统自带的记事本,如图所示。


打开记事本

(2)在记事本中直接键入HTML代码,具体代码如下

<html>
<head>
<title>简单的HTML文件</title>
</head>
<body text="blue">
<h2 align="center">html5</h2>
<hr>
<p>让我们一起体验超炫的HTML5旅程吧</p>
</body>
</html>

(3)输入代码后,记事本中显现出代码的内容,如下图所示


注意字符一定得是英文的,图中有几个是中文的运行会不符合预期

(4)打开记事本菜单栏中的“文件”——“另存为”菜单,弹出下图所示“另存为”对话框

图片[1]-编写第一个HTML文件

(5)在“另存为”对话框中,首先选择存盘的文件夹,然后在“保存类型”下拉列表中选择“所有文件”,在“编码中”UTF-8,并填写文件名,例如,将文件命名为1.html,最后单击”保存”按钮。

(6)关闭记事本,回到存盘的文件夹,双击如图1所示的1.html文件,可以在浏览器(推荐谷歌浏览器)中看到最终页面效果,如图2所示

保存好的html文件
图1,保存好的html文件

运行页面效果
图2,页面效果

使用可视化软件制作页面

这里就不多赘述了,操作方法类似


以上内容为本人学习HTML5时所见所得,特于此记录并分享
记录时间:2022年6月17日12点00分

© 版权声明
THE END
喜欢就点赞支持一下吧,如果觉得不错或日后有所需要,可以收藏文章和关注作者哦。
点赞3打赏 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容