HTML：超文本标记语言(HyperText Markup Language) --> 最基础的网页语言
- 基本结构：
<html> //HTML文件的开始
<head> //HTML头部分的开始，包含<title>, <meta>, <base>, <object>, <link>, <style>, <script>等标签，代表不同的含义
.... //头部分内容
</head> //HTML头部分结束
<body> //HTML文件的主体
.... //主体
</body> //HTML主体结束
</html> //HTML结束
- 标签分类：
- 块级元素：块级别元素都将独占一行。如<p>, <h1>, <br />等。(只有块级可以设置高度和宽度)
- 行内元素：基于文档流的顺序排列，不换行。如<b>, <img>等。
- 文本标签：
- 文本控制标签：
- 标题标签：<hn>
- 字体标签：<font>
- 段落控制标签：
- 段落标签：<p>
- 换行标签：<br>
- 水平线标签：<hr>
- 文本的修饰：
- 粗体：<b>
- 下划线：<u>
- 上标文字：<sup>
- 下标文字：<sub>
- 删除线：<s>
- 斜体：<i>
- 文本控制标签：
- 列表标签(块级)：
- 无序列表，带缩进：
<u1 type=""> //type(disc原点, circle圆圈,square方块)
<li>列表项1</li>
<li>列表项2</li>
</u1>
-
- 有序列表，带缩进：
<o1 type="" start=""> //1,A,a,I,i
<li>...</li>
<li>...</li>
</o1>
-
- 定义列表：
<dl>
<dt>列表项1名称</dt> //dl表示列表的范围，上层项目为<dt>，下层项目为<dd>
<dd>列表项1描述</dd> //dd有默认缩进效果
</dl>
- 其他标签：<marquee direction="" ...>文字</marquee>
- 图像标签：<img src="" align="" ...>
- 图片超链接：<a href="..." ><img src="..." ... ></a>
- 超链接标签：<a href="..." target="_blank or _self or _parent or _top">文本</a>
- 定义锚点：<a name="锚点名称">文字</a>
- 转到锚点：<a href="#锚点名称">文字</a>
- 设置电子邮件超链接：<a href="[email protected]">文字</a>
- 表格标签：
<table> //表标签
<tr> //行标签
<td>...</td> //单元格标签
<th> //列标签
<caption> //表标题标签
</table>
- 表单元素：
- <form>：表单域标签
- <input>：输入标签
- <textarea>：文本域标签
- <select>列表标签
- <option>可选择标签
- 框架标签：
<frameset rows="分割比例">
<frame />第一个区域
<frame />第二个区域
<frameset cols="分割比例">
<frame />
....
</frameset>
</frameset>
- 画中画标签：<iframe src="" ...></iframe>
- 表单提交submit：
- GET提交：
- 信息显示在地址栏
- 敏感信息不安全
- 不可提交大体积的数据
- 数据将封装在请求头的请求行中，提交中文需使用ISO8859-1编码
- POST提交：
- 敏感信息安全
- 可提交大数据
- 数据封装在请求体中
- 可以GET，也可以通过服务器端request对象的setCharacterEncoding("GBK")来解决中文乱码问题
- GET提交：
- 和服务器交互的三种方式：
- 地址栏URL：GET方式
- 超链接：GET方式
- 表单提交：GET或者POST方式
- 表单页面加入校验后，服务端还需要校验吗？ --> 需要，为了安全性。
- 服务端有了校验，还需要表单页面校验吗？ --> 需要，为了用户体验和减轻服务器压力。
时间： 2024-11-08 11:46:15