1：软件结构分类：


C-S结构：（Client - Server 客户端-服务器端）
例如：QQ、微信……
特点：必须安装特定的客户端程序服务器软件升级，客户端的软件同步升级。

B-S结构：（Broswer-Server 浏览器-服务器端）
例如：一些**网站，哈哈哈哈哈……
特点：不需要特定的客户（只需要浏览器软件）服务器软件升级，浏览器客户端不需要升级！大部分的软件都是基于BS结构的。
网站：服务器端的软件都是基于bs结构的，这个软件俗称叫“网站”。网站是由网页组成。一个网页就是由html页面组成，html是一门网页制作的语言。
 

2：什么是HTML？

HTML是静态网页的写作无言，可以用windows记事本编写，也可以用专业的编写工具DW来写。html语言由标记组成。学习html语言，掌握一些常用的标记即可！

HTML的英文是：Hyper Text Markup Language（超文本标记语言）。

超文本效果：像文字变化、文字大小变化、显示图片······这些都是属于超文本效果（通过超文本标记实现）

HTML的基本框架包含了<html>、<head>(文件头标签)、<body>(文件体标签)。（注意：每有一个<  >标签开始，必有一个<  />标签结束，就是说：<  >和<  />是成对出现的！）

3：HTML的基本框架：

下面就是HTML的基本框架（VS里同时按住shirt键跟“1”键可以一键生成，注意中英文输入法！！！）：

<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title></title>
</head>
<body>
 
</body>
</html>

我们来分析一下上面的代码的作用：

1：<!doctype html>是html5标准网页声明，原先的是一串很长的字符串，现在是这个简洁形式，支持html5标准的主流浏览器都认识这个声明。

2：<html lang="en">向搜索引擎表示该页面是html语言，并且语言为英文网站，其"lang"的意思就是“language”，语言的意思，而“en”即表示english。在html代码中加入这样一个代码，可使所有浏览器都按标准的排版去设计；去掉耶可以，但是部分浏览器不兼容，最好都加上，因为是标准。

3：<head>      </head>这两个之间的就是HTML的“头部”。

<head> 标签用于定义文档的头部，它是所有头部元素的容器。<head> 中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。

文档的头部描述了文档的各种属性和信息，包括文档的标题、在 Web 中的位置以及和其他文档的关系等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。

提示：应该把 <head> 标签放在文档的开始处，紧跟在 <html> 后面，并处于 <body> 标签或 <frameset> 标签之前。

4：<meta charset="UTF-8">首先，“utf-8”是一种字符编码，charset=”utf-8”是告知浏览器此页面属于什么字符编码格式，下一步浏览器做好“翻译”工作。

5：  <meta http-equiv="X-UA-Compatible" content="IE=edge">，X-UA-Compatible是IE8的一个专有<meta>属性，简单来说，就是告诉浏览器去模拟某个特定版本的 IE 浏览器的渲染方式（比如IE 6，）

6： <meta name="viewport" content="width=device-width, initial-scale=1.0">的解释很多、很复杂，有兴趣的可以看看这个https://wwwblogs/yelongsan/p/7975580.html。

7：<title>  </title>元素可定义文档的标题。

浏览器会以特殊的方式来使用标题，并且通常把它放置在浏览器窗口的标题栏或状态栏上。同样，当把文档加入用户的链接列表或者收藏夹或书签列表时，标题将成为该文档链接的默认名称。

8：<body></body>HTML的“身体”部分

body 元素定义文档的主体。

body 元素包含文档的所有内容（比如文本、超链接、图像、表格和列表等等。）

上面代码运行之后是这样子的（是不是看不见？正常因为它是白色的，跟背景一个颜色，自然看不出区别）：

更多推荐

HTML的基本框架