JavaWeb学习之路(4)--开发第一个网页，注意文件类型与文件拓展名

偏执的太偏执、 2022-09-11 00:13 173阅读 0赞

***[点此查看全部文字教程、视频教程、源代码][Link 1]***

### 本文目录 ###

*  1. 文件类型
 *  2. 隐藏拓展名
 *  3. 网页的拓展名
 *  4. 网页的打开方式
 *  5. 小结

# 1. 文件类型 #

在学习编写网页之前，大家一定要掌握一个非常基础且不可或缺的概念，就是文件类型。

我们知道文件分为txt文本文件、word文件、excel表格文件、ppt演示文档、mp3音乐文件等等不同的类型。

那么电脑是怎么区分这些类型的呢，电脑只有区分开文件类型，才能使用正确的程序打开这些文件。

实际上，我们的电脑是通过文件的拓展名，来区分文件的，也是通过文件的拓展名，来决定打开文件时使用什么程序。

例如：记事本编写的文件，拓展名是`.txt`；word编写的文档，拓展名是`.doc`或者`.docx` ，doc是早期使用的拓展名，后来又推出了docx；excel编写的表格闻到那个，拓展名是`.xls`或`.xlsx`；mp3音乐文件的拓展名，那就是`.mp3`了。

# 2. 隐藏拓展名 #

电脑上的文件，基本都是有拓展名的，如下图，我们可以通过拓展名轻易的区分开这是一个什么文件。  
![在这里插入图片描述][72071f91abc641699a7f9126ac2118c2.png_pic_center]  
但是有些同学的电脑上，是不显示拓展名的，如下图：  
![在这里插入图片描述][0da89a384dd6461597f0d0c38a5e643a.png_pic_center]  
一定要注意的是，不显示文件的拓展名并不代表文件没有拓展名，只是隐藏了而已，我们可通过勾选`文件拓展名`复选框来显示拓展名。  
![在这里插入图片描述][49266d10ff404084bc23ec6f7e4e1fac.png_pic_center]  
作为一名程序员来说，我们应该始终展示文件的拓展名，便于我们随时分析文件类型。

# 3. 网页的拓展名 #

OK，分析到这里，我们只需要知道网页的拓展名，就可以创建一个网页文件了。

网页的拓展名一般是`.html`，所以我们可以创建拓展名为`.html`的文件，因为该文件的拓展名是`.html`，所以电脑就会将它作为网页文件来处理。

一般来说，我们使用右键新建文件时，并没有选项让我们直接创建一个网页文件，我们可以选择创建记事本文件，然后将其拓展名`.txt`改为`.html`。

新建文本文件，如下图：  
![在这里插入图片描述][791a94c8578c44e1966fe0e1635b8019.png_pic_center]  
修改其拓展名，如下图：

![在这里插入图片描述][b0a7522078514b73a7a3918c4d18e790.png_pic_center]  
这样我们就创建了一个网页了。

# 4. 网页的打开方式 #

一般来说，我们会使用浏览器打开网页，但是如果我们想编辑网页的内容，我们可以通过记事本或其他编辑工具打开网页。

可以右键点击网页文件，选择具体打开方式，如下图，我们可以选择IE浏览器打开这个网页，来查看它的效果。  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA54aK54yr5aSn5ZOl5aSn_size_20_color_FFFFFF_t_70_g_se_x_16_pic_center]

# 5. 小结 #

我们本章开发了一个空白网页，使用浏览器打开后是空白的，但它已经是一个网页文件了。

接下来，我们就学习如何编写网页文件的内容。

[Link 1]: https://studyingpanda.blog.csdn.net/article/details/105329926
[72071f91abc641699a7f9126ac2118c2.png_pic_center]: /images/20220829/4dd7ca0a25844f00a3f00a5ed238e085.png
[0da89a384dd6461597f0d0c38a5e643a.png_pic_center]: /images/20220829/dbc95c61e75246b387fff06d38dbd6ee.png
[49266d10ff404084bc23ec6f7e4e1fac.png_pic_center]: /images/20220829/c7f36ee957b04b23aa8c6ef1bd362ca1.png
[791a94c8578c44e1966fe0e1635b8019.png_pic_center]: /images/20220829/c1c49f4db7b54193867de370af00c342.png
[b0a7522078514b73a7a3918c4d18e790.png_pic_center]: /images/20220829/d653f931557b43928dce229c1cb27ce7.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA54aK54yr5aSn5ZOl5aSn_size_20_color_FFFFFF_t_70_g_se_x_16_pic_center]: /images/20220829/ec610edc7cd7465a9524b8cad5eabbef.png