Java Web中 HTML

web概念概述

Javaweb

• 使用Java语言开发基于互联网的项目

软件架构:

1. C/S: Client/Server客户端/服务器端
   在用户本地有一个客户端程序，在远程有一 个服务器端程序
   如 :QQ,迅雷…

• 优点: 用户体验好
• 缺点: 开发、安装,部署，维护麻烦

2. B/S: Browser/Server浏览器/服务器端
   只需要一个浏览器，用户通过不同的网址(URL)，客户访问不同的服务器端程序

• 优点: 开发、安装，部署，维护简单
• 缺点: 如果应用过大，用户的体验可能会受到影响；对硬件要求过高

I

快速入门:

• 语法:

1. html文档后缀名.html 或者. htm
2. 标签分为
   围堵标签:有开始标签和结束标签。如
   自闭和标签:开始标签和结束标签在一起。如
   
3. 标签可以嵌套:
   需要正确嵌套，不能你中有我，我中有你
   错误: <a><b></a></b>
   正确: <a><b></b></a>
4. 在开始标签中可以定义属性。属性是由键值对构成，值需要用引号(单双都可)引起来
5. html不区分大小写，推荐全小写

标签学习:

1. 文件标签:构成html最基本的标签

• html : html文档的根标签
• head :头标签。用于指定html文档的一些属性。引入外部的资源
• title :标题标签。
• body :体标签
• : htm15中定义该文档是html文档

2. 文本标签:和文本有关的标签

• 注释:
• <h1> to <h6> :标题标签 h1~h6:字体大小逐渐递减
• p :段落标签
• br :换行标签
• hr :展示一条水平线
  属性:
  • color:颜色
  • width:宽度
  • size :高度
  • align :对其方式
  • center :居中
  • left :左对齐
  • right :右对齐

表单标签:

• 表单:
  概念:用于采集用户输入的数据的。用于和服务器进行交互。
• form: 用于定义表单的。可以定义一个范围，范围代表采集用户数据的范围
• 属性:
  action :指定提交数据的URL
  method :指定提交方式
• 分类:一共7种，2种比较常用
  get :
  1. 请求参数会在地址栏中显示。会封装到请求行中(HTTP协议后讲解)。
  2. 请求参数大小是有限制的。
  3. 不太安全。
• post :
  1. 请求参数不会再地址栏中显示。会封装在请求体中(HTTP协议后讲解)
  2. 请求参数的大小没有限制。
  3. 较为安全。
     表单项中的数据要想被提交:必须指定其name属性
• input :可以通过type属性值，改变元秦展示的样式
• type属性:
  • text :文本输入框,默认值
    • placeholder :指定输入框的提示信息，当输入框的内容发生变化，会自动清空提示信息.
  • password :密码输入框
  • radio:单选框
    • 注意:
    1. 要想让多个单选框实现单选的效果，则多个单选框的name属性值必须一样。
    2. 一般会给每一个单选框提供value属性,指定其被选中后提交的值
    3. checked属性， 可以指定默认值
  • checkbox :复选框
    • 注意:
    1. 一般会给每一个单选框提供value属性,指定其被选中后提交的值
    2. checked属性，可以指定默认值
  • file :文件选择框
  • hidden :隐藏域，用于提交一些信息。
• 按钮:
• submit :提交按钮。可以提交表单
• button :普通按钮
• image :图片提交按钮 src属性指定图片的路径
• label :指定输入项的文字描述信息
• 注意:
• label的for属性一般会和input的id属性值对应。如果对应了，则点取label区域，会在input输入框获取焦点。