上期我说了前端这个职位是怎么产生的，并且也说了前端主基本的三大语言(HTML，CSS，JavaScript)，今天用HTML实现一个简单的网页。
首先为了日后我们可以把所学习的东西有个统一的放置位置，你可以找一个你觉得方便的盘符，不要选择c盘，因为c盘是存放系统的盘符，如果c盘空间太少会出现电脑卡顿甚至死机，所以要选择除c盘以外的盘，建好文件夹后，就要开始我们的学习旅程了。
1.在你的文件夹下点击鼠标右键 --> 新建 --> 文本文档。如下图：
2.可以看到一个.txt文件，将他随便命名一个不是汉字的文件名，再将它的.txt改为.html，系统会提示你修改后缀名可能会不可用，点击是，如下图：
最后可以看到前面的文件图标变成了浏览器的图标(我的默认是谷歌，你的可能是IE，这个默认可以设置)，如下图：
这时你双击.html文件，像点开电脑软件一样双击它，你会发现浏览器自己打开了，如下图：
这时候可以看到网页左上角有1.html(自己的文件名)，这就说明我们的这个.html文件是一个网页文件，但是为什么是一张空白网页呢，因为没有添加内容，接下来开始添加内容。
3.接下来选中你的文件还是点击鼠标右键 --> 打开方式 --> 记事本，我们以记事本的方式打开.html，因为我们现在要编辑，所以要以可编辑的形式打开，其他可编辑的方式也可以用来打开，不是只可以用记事本的，编辑代码一定以英文输入法，不能用中文输入法，编辑后的样子如下图：
之后点击文件 --> 保存，如下图：
也可以用快捷键Ctrl + S，这样更方便。
4.保存之后再点开刚才的空白网页，点击刷新，或者关掉它，再从新双击打开刚才的.html文件，便可以看到网页上有了刚刚输入的内容，如下图：
可以看见网页上面的标题1.html变为了‘我的第一张网页’，这是因为在<title></title>标签里编辑了文字，而<body>我在这儿！！！！！！</body>也显示在了网页上了，就成为了网页的浏览内容。为了方便大家我把代码放在下面：
<!DOCTYPE html>
<html lang="en">
<head>
<title>我的第一张网页</title>
</head>
<body>
我在这儿！！！！！！
</body>
</html>
这几行简单的代码，可以自己敲着感受一下，这些标签的含义下期逐一讲解。
网友评论