学生html静态页面该如何做？(很容易哦)_随笔

对于刚开始学习网页开发的童鞋们来说，掌握了比较简单的HTML语言基础后，会迫不及待地想着手制作自己的第一个网页，然而DW等软件的安装却不尽人意。今天小编为饱受心灵摧残的童鞋们带来了福音，为大家讲解一下如何不用安装软件也能轻松建立一个HTML文件。

（下图是成品）

工具/原料

一台电脑

方法/步骤

向左转|向右转

首先，在电脑桌面新建一个记事本文件，然后打开。

向左转|向右转

接着，在里面输入HTML语言，记得开头第一行要加上<!DOCTYPE HTML>,缩进以一个“tab键”为标准，加上<html></html><head></head>这些基本标签，在里面输入内容即可。

向左转|向右转

输入完成后，点击左上角的“文件”“另存为”，在“保存类型”中选择“所有文件”。

向左转|向右转

然后将文件名更改成“XXXX.html”的格式，选择好保存的地址，点击保存。接着就生成了我们开始看到的文件。（在这里小编要说一下，之所以文件会有“360浏览器”的标志是因为小编已经默认用该浏览器打开此类文件了，这并非是固定的，可根据个人喜好设置）

向左转|向右转

打开文件后，一个最简单的网页就出现了，有标签还有内容。

向左转|向右转

最后，小编跟大家说一下，这个HTML文件是可以持续性更改的。先选中文件，然后右键，在“打开方式”里选择“记事本”。

向左转|向右转

打开记事本之后，你就可以在里面进行编辑了。修改完成之后直接点击“文件” “保存“ 就行了。最后打开文件，你会发现网页内容已经更改了。

实在不行，中国不是有某宝吗，我以前也是被搞的焦头烂额，只能找被人帮忙咯，唉，没办法。尽量找个技术行，便宜的，只能这样：网页链接

可以使用localStorage，这是HTML5的一个特性。相当于是前端页面的一个数据库。可以存储5M以内的数据。在不手动清除的情况下，将永久存储。

写入和读出的时候需要注意一下，写入需要将JSON对象转换成JSON字符串，读的时候需要将JSON字符串转换成JSON对象。比如我们要存储：水果的名称和价钱

var fruit = {

name: 'apple',

price: '20'

}

var f = JSON.stringify(fruit) //转化成JSON字符串

window.localStorage.setItem('fruit', f) //存储到本地

=====================================================

var aa = window.localStorage.getItem('fruit') //读存储的数据

var aaObj = JSON.parse(aa) //将JSON字符串转化成JSON对象方便读取

欢迎分享，转载请注明来源：内存溢出

学生html静态页面该如何做？(很容易哦)