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

Java基础 —— HTML的更多相关文章

  1. Java基础知识（壹）

    写在前面的话 这篇博客,是很早之前自己的学习Java基础知识的,所记录的内容,仅仅是当时学习的一个总结随笔.现在分享出来,希望能帮助大家,如有不足的,希望大家支出. 后续会继续分享基础知识手记.希望能 ...

  2. [Java面经]干货整理, Java面试题(覆盖Java基础,Java高级,JavaEE,数据库,设计模式等)

    如若转载请注明出处: http://www.cnblogs.com/wang-meng/p/5898837.html   谢谢.上一篇发了一个找工作的面经, 找工作不宜, 希望这一篇的内容能够帮助到大 ...

  3. 【JAVA面试题系列一】面试题总汇--JAVA基础部分

    JAVA基础 基础部分的顺序: 基本语法,类相关的语法,内部类的语法,继承相关的语法,异常的语法 线程的语法,集合的语法,io 的语法,虚拟机方面的语法 每天几道,持续更新!! 1.一个". ...

  4. 最适合作为Java基础面试题之Singleton模式

    看似只是最简单的一种设计模式,可细细挖掘,static.synchronized.volatile关键字.内部类.对象克隆.序列化.枚举类型.反射和类加载机制等基础却又不易理解透彻的Java知识纷纷呼 ...

  5. java基础练习 字符串，控制流，日历，日期等

    1,对基本控制流程的一些练习 package org.base.practice3; import org.junit.Test; /** * Created with IntelliJ IDEA. ...

  6. Java基础知识【下】( 转载)

    http://blog.csdn.net/silentbalanceyh/article/details/4608360 (最终还是决定重新写一份Java基础相关的内容,原来因为在写这一个章节的时候没 ...

  7. Java基础知识【上】(转载)

    http://blog.csdn.net/silentbalanceyh/article/details/4608272 (最终还是决定重新写一份Java基础相关的内容,原来因为在写这一个章节的时候没 ...

  8. java基础学习03（java基础程序设计）

    java基础程序设计 一.完成的目标 1. 掌握java中的数据类型划分 2. 8种基本数据类型的使用及数据类型转换 3. 位运算.运算符.表达式 4. 判断.循环语句的使用 5. break和con ...

  9. Java基础加强之多线程篇(线程创建与终止、互斥、通信、本地变量)

    线程创建与终止 线程创建 Thread类与Runnable接口的关系 public interface Runnable { public abstract void run(); } public ...

  10. java基础知识小总结【转】

    java基础知识小总结 在一个独立的原始程序里,只能有一个 public 类,却可以有许多 non-public 类.此外,若是在一个 Java 程序中没有一个类是 public,那么该 Java 程 ...

随机推荐

  1. sysfs实例

    转自:http://blog.chinaunix.net/u1/51562/showart_1076295.html 一:前言 在设备模型中,sysfs文件系统用来表示设备的结构.将设备的层次结构形象 ...

  2. 堆的 两种实现 （数组和STL）

    基本思想: 两种操作都跟树的深度成正比,所以复杂度  O(log(n)) ; push():在向堆中插入数值时,首先在堆的末尾插入该数值,然后不断向上提直到没有大小颠倒为止. pop(): 从堆中取出 ...

  3. BZOJ 3170 松鼠聚会（XY坐标）

    题目链接:http://61.187.179.132/JudgeOnline/problem.php?id=3170 题意:给出二维平面上n个点 (xi,yi).求一点t(1<=t<=n) ...

  4. leetcode：Rectangle Area

    Find the total area covered by two rectilinear rectangles in a 2D plane. Each rectangle is defined b ...

  5. Hbase源码分析：Hbase UI中Requests Per Second的具体含义

    Hbase源码分析:Hbase UI中Requests Per Second的具体含义 让运维加监控,被问到Requests Per Second(见下图)的具体含义是什么?我一时竟回答不上来,虽然大 ...

  6. jxl导入/导出excel

    1.jxl导入/导出excel案例,黏贴即可运行 package junit.test; import java.io.File; import java.io.IOException; import ...

  7. oracle数据库导入导出命令！

    Oracle数据导入导出imp/exp 功能:Oracle数据导入导出imp/exp就相当与oracle数据还原与备份. 大多情况都可以用Oracle数据导入导出完成数据的备份和还原(不会造成数据的丢 ...

  8. POJ 1944 - Fiber Communications

    原题地址:http://poj.org/problem?id=1944 题目大意:有n个点排成一圈,可以连接任意两个相邻的点,给出 p 对点,要求这 p 对点必须直接或间接相连,求最少的连接边数 数据 ...

  9. Bootstrap_组件

    一.Glyphicons 字体图标 1.所有可用的图标查看:http://v3.bootcss.com/components/ 2.获取字体图标:我们已经在 环境安装 章节下载了 Bootstrap ...

  10. [ionic开源项目教程] - 第8讲 根据菜单分类加载数据(重要)

    [ionic开源项目教程] - 第8讲  根据菜单分类加载数据(重要) [效果图] 注意 今天遇到一个比较棘手的问题,就是左右滑动菜单的设计不合理性,所以tab1.html对应的视图层和control ...