Java基础 —— HTML

浏览数：17 / 时间：2015年06月08日

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=[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")来解决中文乱码问题
和服务器交互的三种方式：
- 地址栏URL：GET方式
- 超链接：GET方式
- 表单提交：GET或者POST方式
表单页面加入校验后，服务端还需要校验吗？ --> 需要，为了安全性。
服务端有了校验，还需要表单页面校验吗？ --> 需要，为了用户体验和减轻服务器压力。