《html》

HTML

1.系统架构：

B/S架构（Browser/Server）
B/S架构的系统的优缺点：
优点：升级方便、修改服务器代码就能直接修改浏览器、维护成本低
缺点：速度慢、体验不好
企业内部主要采用B/S架构系统。

C/S架构（Client/Server）
C/S架构的系统的优缺点：
优点：速度快、体验好
缺点：升级麻烦、维护成本高

2.什么是HTML？怎么开发HTML？怎么运行HRML？

HTML（Hyper Text Markup Language）超文本标记语言
HTML开发使用文本编辑器就行，后缀名为.html
浏览器直接打开HTML文件就是运行

3.HTML规范

HTML编写需要遵守W3C规范。

HTML中的基本标记

1.段落标记<p></p>
2.标题标记<h1-h6></h1-h6>，h1-h6字体从小到大。
3.换行标记<br>
4.水平线标记<hr>
5.预留格式<pre></pre>
6.删除标记<del></del>
7.插入标记<ins></ins>
8.粗体标记<br></br>
9.斜体字<i></i>
10.右上角标记<sup></sup>
11.右下角标记<sub></sub>
12.字体标签<font></font>

HTML中的实体符号

1.大于号（>）：>
2.小于号（<）：&lt;
3.空格符号：&nbsp;

表格

1.基本表格
<table>
	<tr>
		<td>
		</td>
	</tr>
</table>
表格可以设置的属性：border（边框）、width（宽度）、align（对齐方式）...

2.单元格合并
合并同列单元格：rowspan=" 合并单元格的个数"，row合并的时候是依次往下面合并的。
合并同行单元格：colspan="合并单元格的个数"。

3.th标签
<table>
	<tr>
		<th>
		</th>
	</tr>
</table>
th标签也是单元格标签，但相比于td标签多了居中和加粗属性。

4.thread、tbody、tfoot标签
thread标签：头标签
tbody标签：身体标签
tfoot标签：尾标签

5.背景颜色、背景图片
bgcolor="颜色"
background="背景图片地址"

6.图片
<img src="图片地址">
img标签就是图片标签。
width：宽度
height：高度
title：鼠标悬停时显示的信息
alt：显示图片加载失败时显示的提示信息
设置图片大小时，只设置宽度，高度会伴随宽度的改变，等比例缩放。

7.超链接
<a href="超链接地址" targe=" ">备注 </a>
href：hot references
targe:
_blank:新窗口
_self:当前窗口
_top:顶级窗口
_parent:父窗口
超链接的作用：
	通过超链接可以从游览器向服务器发送请求。
	浏览器向服务器发送数据（request）
	服务器向浏览器发送数据（response）
	B/S结构的系统，每一个请求都会对应一个响应。

8.列表
有序列表：
<ol>
	<li>
	</li>
</ol>
type="":
无序列表：
<ul>
	<li>
	</li>
</ul>
type="":
1.circle
2.disc
3.square

9.表单
1.表单的作用：收集用户信息，表单展示之后，用户填写信息，点击提交按钮提交数据给服务器。
2.怎么画表单：使用form标签
3.一个网页可以有多个表单form
4.表单最终是需要提交数据给服务器的。form标签里有一个action属性，这个属性用来指定服务器地址。
readonly和disabled都无法进行编辑，但相较于disabled，readonly的数据能够发送给服务器，disabled不能（即使有相对应的name属性）
maxlength=" 可输入的最大长度"
action属性用来指定数据提交给哪个服务器。
action属性和超链接中的href属性一样，都可以向服务器发送请求（request）
<form action=" " value=" ">
	<input type=" " name=" "/  maxlength=" " readonly/disabled >
</form>	
<form action=" "></form>,跟超链接一样都可以向服务器发送请求，只不过表单发送请求的同时可以携带数据。
文本框和密码框的value不需要指定，其内容由用户注册时输入填写。
当name没有填写的时候，该项是不会提交给服务器的。
但value没有填写的时候，默认value是空字符串" "，会将空字符串提交给服务器。
method：
1.get:采用get发送提交，会暴露信息
2.post：采用post发送提交，能保证信息安全。
type:
1.text：文本框
2.password：密码
3.radio：单选按钮
4.checkbox：复选框
5.submit：提交按钮
6.file:提交文件
7.hidden：隐藏域，某些不想让用户看到，但也要提交给服务器的信息
8.reset：重置
文本域：<textarea></textarea>
文本域没有value属性。

10.下拉列表支持多选
<select multiple="multiple"  size=" "></select>
multiple="multiple"支持多选
size="设置显示的数量"

HTML中的id属性

1.在HTML文档中，任何元素节点都有id属性，id属性是唯一标识符。所以不能重复。
2.但表单提交数据的时候，关联识别的是name属性，与id无关。
3.id的作用是：通过js来对页面中的任意元素进行增删改查等操作。id的存在便于我们去获取元素。

DIV和Span

1.div和span是什么？有什么作用？
div和span都可以成为图层，管理图层的布局。
2.div和span的区别
div会独自占用一行，span不会

ps:

https://developer.mozilla.org/en-US/docs/web/html
https://developer.mozilla.org/en-US/docs/web/html/element
https://developer.mozilla.org/en-US/docs/web/html/attributes
https://developer.mozilla.org/en-US/docs/web/html/global_attributes