web前端学习第二课 如何编写自己的第一个网页

1.在电脑上新建一个文件夹

在电脑上的一个磁盘上建立一个文件夹，用于专门保存自己的网页，给这个文件夹命名（你喜欢任意名字），比如，myweb。

2.创建一个模板文件

模板文件是一个文本文档，里面包含了每个网页都要用到的标签。下次建立新网页时，只要把该文件复制一份就可以往里面输入其他标签了。创建一个模板文件的步骤如下：

(1)打开刚才建立的文件夹

(2)点击鼠标右键，弹出一个菜单，选择【新建】，再选择【文本文档】，这时就会在文件中出现一个“新建文本文档.txt”

(3)将这个文本文档改名称为“模板.txt”,其中“模板”是文本文件的名称，“.txt”是这个文本文件的扩展名，表示这个文件是文本文件。

(4)打开这个模板文件，输入以下标签，保存即可。

3.标签解释

(1)标签是成对出现的，称为标签对。“”为开始标签，“”是结束标签

(2)标签是由”< >”括起来的，里面是英文单词的缩写。

(3)html标签对代表这是一个网页文件，它包括head标签对和body标签对

head标签对代表这是网页头部，这里面还可以插入其他标签对，插入的内容在页面上不显示，它是给浏览器和搜索引擎看的，用户看不到。

body 标签对代表这是网页的主体，在body标签对中可插入文本标签，图片标签，视频标签等，这里面才是网页显示的内容。

4.编写与显示网页

(1)将模板复制一份，并粘贴，得到模板副本

(2)打开模板副本，在body标签对之间插入段落标签”

”,并在”

”和”

”之间输入“这是我的第一个网页”如图所示。

(3)保存该文档，并将该“模板副本.txt”重命名为XXX.html（“XXX”代表文件名，你可以任意取名，将扩展名“.txt”改为“.html”，代表网页文档），这时文件由文本文档变成了网页了，如图所示。

(4)鼠标双击打开该html文件，就可以在浏览器中看到效果了。这就是你的第一个网页。如图所示。

5.总结

编写模板是为了减少输入重复的常用标签，便于快速开发网页每个网页都有html、head、body标签对组成，html标签对包含head标签对和body标签对。head标签对内可插入其他标签对，在网页中不显示；body标签对内可插入段落，图像，视频标签，这里插入的内容在网页上显示。编写的是.txt格式文档，显示的是.html格式的文件（即网页）。