
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人
1.5 制作第一个网站
学习时间:30分钟
通过前面对基础知识的学习,下面来制作一个网站。
01 选择“开始”→“程序”→“附件”→“记事本”命令,打开记事本,如图所示。

02 为了便于阅读代码,建议采用换行与缩进来层次化HTML代码。打开记事本后按【Enter】键两次,并按【Tab】键,如图所示。

03 定义完光标后,输入<html>代码。继续按【Enter】键两次,并按【Tab】键1次定义光标,输入<head>代码,如图所示。

04 继续按【Enter】键1次,并按【Tab】键1次定义光标,输入<title>我的地盘</title>代码,如图所示。

05 继续按【Enter】键1次,并按【Tab】键1次定义光标,输入</head>代码,如图所示。

06 继续按【Enter】键3次,并按【Tab】键1次定义光标,输入<body>代码,如图所示。

07 继续按【Enter】键1次,并按【Tab】键1次定义光标,输入<p>我的地盘我做主,欢迎光临我的地盘。</p>代码,如图所示。

08 继续按【Enter】键1次,并按【Tab】键1次定义光标,输入</body>代码,继续按【Enter】键3次,并按【Tab】键1次定义光标,在HTML文档结尾处必须有相应的尾标签与之对应,继续在光标处输入<html>代码,如图所示。

09 至此,网站制作完成了。下面将制作的网站保存到硬盘上,在菜单栏中选择“文件”→“另存为”命令,将制作的网站保存到最终文件的第1章中,将“保存类型”定义为“所有文件”,将“文件名”命名为“我的地盘.htmi”,单击“保存”按钮,如图所示。

10 在硬盘中找到新保存的网站,如图所示。双击该文件将其打开,如图所示。
