网页设计其实很简单！从零开始设计一个简单的网页！
今天心血来潮，想搞个小网页玩玩，就当练练手。以前老是看别人做的网页挺炫酷，自己也想试试看。准备工作我得有个能写代码的地方。用电脑自带的记事本就行，不过我还是喜欢用个顺手的工具，感觉更专业些。我平时用的是一个叫 VS Code 的软件，写代码挺方便的。开始动手打开 VS Code 后，我新建一个文件，给它起个名字叫 。记着，网页文件都得是 .html 结尾，这样浏览器才能认得它。然后，我就开始往文件
今天心血来潮，想搞个小网页玩玩，就当练练手。以前老是看别人做的网页挺炫酷，自己也想试试看。
准备工作
我得有个能写代码的地方。用电脑自带的记事本就行，不过我还是喜欢用个顺手的工具，感觉更专业些。我平时用的是一个叫 VS Code 的软件，写代码挺方便的。
开始动手
打开 VS Code 后，我新建一个文件，给它起个名字叫 。记着，网页文件都得是 .html 结尾，这样浏览器才能认得它。
然后，我就开始往文件里敲代码。网页的基本结构，就像搭房子一样，得有个框架：
<!DOCTYPE html>：这玩意儿是告诉浏览器，我这个网页是用 HTML5 写的，现在都流行这个。<html>：这是整个网页的根，所有的内容都得包在这个里面。<head>：这里头放的是一些给浏览器看的信息，比如网页的标题，用的啥编码，一般人看不到。<body>：这里头放的才是真正在网页上显示的东西，比如字呀、图呀什么的。
我先照着这个架子，把代码敲进去：
<!DOCTYPE html>
<html>
<head>
<title>我的第一个网页</title>
</head>
<body>
</body>
</html>
加点内容
光有个架子不行，得往里头填东西。我想先在网页上显示个大标题，就用个 <h2> 标签：
<body>
<h2>大家这是我的第一个网页！</h2>
</body>
保存文件后，我用浏览器打开这个 文件，网页上真的显示出一行大字！有点小激动！
再来点花样
我觉得光有字太单调，就想再加点内容。我又加一段话，用的是 <p> 标签：
<body>
<h2>大家这是我的第一个网页！</h2>
<p>今天我尝试着自己做一个简单的网页，感觉还不错！</p>
</body>
保存，刷新浏览器，网页上又多一行字。
3
今天就先这样，一个最最简单的网页算是完成。虽然很简单，但也是自己一步步做出来的，挺有成就感的。以后有空再继续研究，加点图片、链接什么的，让它变得更漂亮！
下一篇：没有了