一、软件的组成
-
客户端（用户通过客户端来使用软件） -
服务器（负责在远程处理业务逻辑）
客户端：
文字客户端（古老的方式，通过命令行来使用软件）
图形化界面（通过点击拖动等来使用软件，Windows中、macOS中、Android中、ios中的大部分应用）（C/S架构）
网页（通过访问网页来使用软件，所有的网站都属于这个范畴）(B/S架构)
不需要安装
无需更新
跨平台（低开发成本）
- 网页中使用的语言：HTML、CSS、JavaScript
结论：C/S与B/S
- C/S架构的软件开发成本高，使用较为麻烦
- B/S架构的软件开发成本低，使用较为简单（B指“browser”——浏览器）
二、网页简史
万维网联盟（W3C）：W3C的出现是为了制定网页开发的标准，以使同一个网页在不同的浏览器中有相同的效果。
网页的组成：
根据W3C的标准，一个网页主要由三部分组成：
- 结构：HTML用于描述页面的结构
- 表现：CSS用于控制页面中元素的样式
- 行为：JavaScript用于响应用户操作
三、HTML简介
- HTML（Hypertext Markup Language）超文本标记语言
ps：小实践
1、“开始菜单”输入“notepad”打开一个记事本
2、输入一段文本而后保存至桌面，文件扩展名（后缀）设为“.html”
四、编写第一个网页
<html>
<head>
<title> 网页的标题 </title>
</head>
<body>
<h1>网页的一级标题</h1>
</body>
</html>
子标签<title> </title> : 是<head> </head> 的子标签，是根标签的后代，跟标签是它的祖先
五、安装notepad++
国外软件，正版无法安装，推荐使用 VS Code 与 Sublime 代替
六、自结束标签和注释
定义：
类似于两个标签来表示内容的<h1> </h1> ，既有开始又有结束，成对出现。除此之外还有一种标签只有开始标签，没有结束标签：如<img> 、 <input>
写法不一：<img> 或者<img /> 、<input> 或者<input /> 皆正确，这种标签称之为***自结束标签***
注释（类似于C++中的//，表示对代码的注解，内容随意）
-
1、HTML的注释，其内容会被浏览器忽略 -
2、注释要求简单明了 -
3、注释可用于将内容隐藏 -
4、注释不能嵌套！！！
七、标签中的属性
- 在标签（开始标签 或 自结束标签 ）中，还可以设置属性
- 属性是一个***名值对*** 结构（x=y，x代表“名”，y代表“值”，名值对结构即为一个东西=另一个东西的结构）
- 属性与标签名之间用空格隔开（ 两个属性之间亦用空格隔开 ）
- 属性可以用来设置标签内的内容如何显示，如：
代码：<h1> 这是我的<font color="red" >第三个</font color="red" >标签 </h1>
网页：这是我的第三个标签
代码：<h1> 这是我的<font>第三个</font>标签 </h1>
网页： 这是我的第三个标签
- 上述
<font color="red">中，font为开始标签，color为属性名，red为属性值 - 属性不能瞎写，且有的属性没有属性值
- 有属性值：属性值用引号引起来（单双引皆可）
- 无属性值：只写属性名
|