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)打开记事本菜单栏中的“文件”——“另存为”菜单,弹出下图所示“另存为”对话框
(5)在“另存为”对话框中,首先选择存盘的文件夹,然后在“保存类型”下拉列表中选择“所有文件”,在“编码中”UTF-8,并填写文件名,例如,将文件命名为1.html,最后单击”保存”按钮。
(6)关闭记事本,回到存盘的文件夹,双击如图1所示的1.html文件,可以在浏览器(推荐谷歌浏览器)中看到最终页面效果,如图2所示
图1,保存好的html文件
图2,页面效果
使用可视化软件制作页面
这里就不多赘述了,操作方法类似
以上内容为本人学习HTML5时所见所得,特于此记录并分享
记录时间:2022年6月17日12点00分
© 版权声明
文章版权归作者所有,如需转载请联系作者。若文章内容侵犯了您的权益,请通过网站底部联系方式联系我们处理(本站具有最终解释权)。如有不便之处,敬请谅解。
THE END
暂无评论内容