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="mailto=a@b.c">文字</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方式
- 表单页面加入校验后,服务端还需要校验吗? --> 需要,为了安全性。
- 服务端有了校验,还需要表单页面校验吗? --> 需要,为了用户体验和减轻服务器压力。