怎么把html文件变成网站

把html文件变成网站方法如下：

第一步：打开电脑记事本，在文档中编写如下字段。第二步：将文档保存为html格式。第三步：打开文件，文件以网页形式呈现。当然，这只是网站最初始的模样，需要我们再为它添加文字，图片等。

HTML文件是可以被多种网页浏览器读取，产生网页传递各类资讯的文件。从本质上来说，Internet（互联网）是一个由一系列传输协议和各类文档所组成的集合，html文件只是其中的一种。

html文件是由HTML语言编写而成，用于产生网页传递各类包括文字、图像、动画、声音、链接等多种信息的资讯文件，能够被多种网页浏览器读取，使用手机也可以阅读html文件。下面就是如何在手机上打开html文件的方法。

工具/原料电脑、手机、微信方法/步骤1我们先使用记事本写一个html测试文件；

2通过微信的文件传输助手将html测试文件发送到手机（这里用的是小米手机）；

3将html测试文件下载下来；

4点击使用其他应用打开；

5在这里，选择“浏览器”和“HTML查看器”都是可以查看HTML测试文件内容的，显示结果如下（图一为浏览器打开效果，图二为HTML查看器打开效果）：

HTML5基础知识网站

1.W3C

全称“W3School”，简直是学习网站中的“战斗机”，每一节都有学生时代老师般的“板书”，丰富的实例展示，还有工具书、小测验等提升工具，私教般的存在!

2.Dive into HTML5

这个网站几乎都是关于HTML5的文档，讲一些很基础的知识，简洁清新。如果想学习HTML5的同时提高英语阅读能力，这个网站是极好的。类似的英文网站还有woorkup。

3.h5之家

除了丰富且与时俱进的教程，这个网站还有很多关于HTML5业界的独特见解，闲暇时候看看，拓展知识又能在人前装X，这样的网站哪里找!

HTML5案例网站

1.HTML5xCSS3

拥有超丰富的HTML5案例和模板，随便点开一个案例都好看到让人震惊。里面的全部都是HTML5响应式网站哟!

2.360html5基地

350旗下的HTML5作品展示网站，大部分是HTML5游戏展示，可爱有趣。比如打开一个割绳子的HTML5展示：

3.HTML5 Games

相对360来说更丰富的HTML5游戏资源，玩着玩着技能激发设计灵感呢!

HTML5技术网站

1.whatwg

网络超文本应用技术工作小组(Web Hypertext Application Technology Working Group)的博客，里面一些文章能让人受益匪浅。

2.HTML5医生

一些关于html5语义及如何使用它们的文章，医生会定时回答网友们的问题。

3.HTML5中国

一个真的能手把手教你6小时做一个HTML5坦克大战游戏的网站，还有各类HTML5的资讯、沟通交流论坛等。

HTML5测试网站

1.HTMLDemos

测试HTML5标签在各浏览器的兼容性，还能查看各种HTML5的标准Demo演示。

2.html5 test

能为浏览器对HTML5的兼容性打分，可以知道你当前的浏览器对HTML5的支持情况如何，各种标签和组件的支持情况。

所以，网站已经分享给你们了，如果真心要学习此项技能，快去实践吧!

---