编写第一个HTML5文件

迈不过友情╰ 2022-06-01 05:49 154阅读 0赞

### 1.3.1  HTML文件的编写方法 ###

编写HTML文件主要有如下3种方法:

手工直接编写

由于HTML语言编写的文件是标准的ASCII文本文件，所以我们可以使用任何的文本编辑器来打开并编写HTML文件，如Windows系统中自带的记事本。

使用可视化软件

WebStorm、Dreamweaver、Sublime等软件均可以可视化的方式进行网页的编辑制作。

由Web服务器一方实时动态生成

这需要进行后端的网页编程来实现，如JSP、Asp，PHP等，一般情况下都需要数据库的配合。

### 1.3.2  手工编写页面 ###

下面先使用记事本来编写我们的第一个HTML文件。步骤如下：

（1）选择“开始”→“程序”→“附件”→“记事本”

程序，如图1.5所示。

![SouthEast][]

图1.5记事本

（2）在记事本中直接键入下面的HTML代码：

01 <html> 02 <head> 03 <title>简单的HTML文件</title> 04 </head> 05 <body text="blue"> 06 <h2 align="center">HTML5初露端倪</h2> 07 <hr> 08 <p>让我们一起体验超炫的HTML5旅程吧</p> 09 </body> 10 </html>

（3）输入代码后，记事本中显示出代码的内容，如图1.6所示。

![SouthEast 1][]

图1.6显示了代码的记事本

（4）打开记事本菜单中的“文件→保存”命令，弹出如图1.7所示的“另存为”对话框。

![SouthEast 2][]

图1.7“另存为”对话框

（5）在对话框中选择存盘的文件夹，然后在“保存类型”中选择“所有文件”，在“编码”中选择UTF-8，这里将“文件名”1-2.html，然后单击“保存”按钮。

**感谢读者朋友对明日科技的支持，如果您对图书中的讲解及光盘源码有任何问题，可以直接登录http://www.mingrisoft.com上的社区进行发贴，把您的问题详细的说明一下，我们的技术人员会在那里给您回复！**

**本文摘自明日科技出版的《零基础学HTML5》，转载请注明出处！！！**

[SouthEast]: /images/20220601/3e765613de724819b5480aeed6e3f3f7.png
[SouthEast 1]: /images/20220601/22d71f3cddd04eb0a5176f8d98bfce90.png
[SouthEast 2]: /images/20220601/6903044ab5244e86b3dc4440602bb474.png

发表评论取消回复

表情：

评论列表（有 0 条评论，154人围观）

还没有评论，来说两句吧...

相关阅读

相关编写第一个spring程序

1.创建一个maven工程，在DAO层创建接口和对应的实现类 package com.zhu.dao; public interface Use

浅浅的花香味﹌/ 2022年12月31日 13:19/ 0 赞/ 173 阅读

相关编写第一个MapReduce程序（WordCount）

一、数据格式准备 1. 创建一个新的文件【在master节点中】 vim wordcount.txt 2. 向其中放入内容并保

末蓝、/ 2022年12月15日 06:30/ 0 赞/ 179 阅读

相关 JavaWeb学习之路(5)--编写第一段HTML网页代码

[点此查看全部文字教程、视频教程、源代码][Link 1] 本文目录 1. 什么是HTML 2. 为啥叫HTML 3. 什么是标记 4. HTM

逃离我推掉我的手/ 2022年09月11日 02:15/ 0 赞/ 98 阅读

相关我的第一个内核模块和makefile文件编写

相信很多做过内核编程的人都写过makefile，虽然之前写过一些简单的内核模块写过makefile，到今天想要写一个内核模块的时候发现之前学的的已经全部忘记了。而且

亦凉/ 2022年08月08日 14:39/ 0 赞/ 141 阅读

相关 HTML5&CSS3初学者指南(1) – 编写第一行代码

介绍网络时代已经到来。现在对人们来说，每天上网冲浪已经成为一种最为常见的行为。在网页浏览器中输入一段文本地址，就像，等待一下，网页就加载到浏览器窗口中。一个典型的网

曾经终败给现在/ 2022年07月11日 01:44/ 0 赞/ 131 阅读

相关在Idea编辑器下编写第一个Hibernate5.x程序。

学习Hibernate了十天左右，决定开始把十来天的学习经历分享出来，方便我和后来学习的人。 File---->Java（/Java Enterprise）选择

拼搏现实的明天。/ 2022年06月07日 07:36/ 0 赞/ 98 阅读

相关编写第一个python程序

编写第一个python程序 <1>编写python程序方法1 打开“超级终端” ![这里写图片描述][SouthEast] 2.输入python3 ，输入pyt

落日映苍穹つ/ 2022年06月01日 07:49/ 0 赞/ 309 阅读

相关编写第一个HTML5文件

1.3.1 HTML文件的编写方法编写HTML文件主要有如下3种方法: 手工直接编写由于HTML语言编写的文件是标准的ASCII文本文件，所以我们可以使用任何的

迈不过友情╰/ 2022年06月01日 05:49/ 0 赞/ 155 阅读

相关编写第一个PyQt5程序

编写程序之前需要配置开发环境，参考[PyQt5开发环境配置][PyQt5]，配好之后下面我们通过第一个PyQt5程序来讲解PyQt5的开发过程 ---------------

太过爱你忘了你带给我的痛/ 2022年03月07日 09:26/ 0 赞/ 308 阅读

相关编写第一个go程序（二）

1.写代码 1.进入vscode界面，打开文件夹 GOPATH路径下的src（如果没有配置环境，可以看之前的文章了解go语言） ![在这里插入图片描述][waterm

男娘i/ 2021年09月03日 05:28/ 0 赞/ 380 阅读