小知识：
1. C/S 和 B/S 架构
C/S：客户端和服务器架构
float num = Math.random();
if (num < 0.001) {
System.exit(1);
} //0.5概率，闪退
float num = Math.random();
if (num < 0.005) {
sleep(100);
} //1% 概率，程序会卡顿0.1S
例如: 服务器版本更新，客户端必须更新，才可以使用新的功能
B/S是浏览器和服务器架构
不管是手机，iOS Android PC window macOS Linux
只需要输入网址，就可以访问
如果服务器版本更新，点击刷新，就可以获取到最新的内容
相比较而言：
B/S架构开发，维护的成本要远远低于C/S架构，B/S架构是现在最流行的一种开发方式
2. 开发工具：
编辑器：Notepad++ HBuilder
测试工具：谷歌浏览器或者火狐浏览器
Safari 欧朋 世界之窗 IE Edge
HTML基本知识
1. 标签/属性/元素
标签:
就是以<>包含的特定字符串，通常用开始标签和结束标签
双边标签：<标签名>内容</标签名>
单边标签：<标签名 />
属性：
<标签名 属性1="值1" 属性2='值2' 属性3=值3>内容</标签名>
属性都是【键值对】形式
iPhone8=5888
建议:
标签的属性值要使用双引号包含
元素:
一个完整的标签称之为元素
2. 全局架构标签：
<!DOCTYPE HTML>
<html>
<head>
<!--
这里是注释
Head里面的内容是不再页面内部展示的
-->
</head>
<body>
<!-- 所见即所得 -->
</body>
</html>
注意事项：
1>. 所有的内容，必须全部写在HTML标签内
2>. head标签里面的内容不会展示在页面当中
3>. 所有需要展示的内容，都要放到body里面
3. 几乎所有的标签都有的一些属性(结合JS/CSS使用)
class name id style
4. 字符实体
空格 < < > >
字符实体是为了解决一些本身具有特殊含义的字符展示，例如" ' ?
www.w3school.com.cn
5. 常用的标签(文本修饰)
<h1>H1标签内容</h1>
<h2>H2标签内容</h2>
<h3>H3标签内容</h3>
<h4>H4标签内容</h4>
<h5>H5标签内容</h5>
<h6>H6标签内容</h6>
<b>加粗</b>
<strong>加粗</strong>
<i>斜体</i>
<em>斜体</em>
<cite>斜体</cite>
<b><i>加粗斜体</i></b>
<u>下划线</u>
<del>删除线</del>
<s>删除线</s>
<!-- 上标和下标 -->
X<sup>2</sup> y<sub>2</sub>
6. 格式控制
段落：<p></p>
换行：<br> <br />
水平线：<hr />
无序列表：
ul可以加上type属性，属性值:circle square none desc
<ul>
<li></li>
<li></li>
<li></li>
</ul>
有序列表：
ol可以添加type属性，属性值可以是A/a/I/1 还可以有start 从哪一个开始
<ol>
<li></li>
<li></li>
<li></li>
</ol>
自定义列表：
<dl>
<dt></dt>
<dd></dd>
<dd></dd>
<dd></dd>
</dl>
7.超链接标签：<a></a>
href:目标地址/mailto/tel
target:打开页面的方式，_blank 新建空白页，重新打开
title：鼠标悬停之后的提示
name:可以作为锚点，跳转
其他标签作为锚点：可以用id属性
8. 图片<img />
src: 文件路径
发现可以是一个网络上的地址
width:宽度
height:高度
9. 网络中的地址称之为：
URL
统一资源定位符：
https://www.baidu.com/s?
wd=%E9%83%AD%E8%BE%BE%E6%96%AF%E5%9D%A6%E6%A3%AE
rsv_spt=1&
格式：协议://地址:端口/文件?键1=值1&键2=值2
例如: https://www.baidu.com:80/index.html?page=2&user=lxl
10. 多媒体标签：
audio
video
属性： src controls autoplay loop
video多两个属性：
width height
网友评论