Java基础 —— HTML

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

你可能感兴趣的:(java基础)