web 应用程序开发原理

### 主机/哑铃端的集中计算模式
    主机/终端模式
### Web应用程序的组成部分：HTTP
###网页
    html：超文本标记语言。利用标记和子标记的方式描述网页元素。
   
    XML：可扩展标记语言


##企业利用计算机模式：
    1. 主机/哑终端计算机模式。由主机承担所有的计算任务，哑终端只负责数据的例如
    和结果的显示
    2. 客户机/服务器计算模式。简称C/S。客户机是一套独立系统，会承担一部分计算功能。
    服务器主要作为数据的提供，也承担一部分计算功能。缺点是维护麻烦，一旦系统需要升级，
    每个客户机都需要更新
    3. 浏览器/服务器计算模式。简称B/S。客户端固定是浏览器，所以客户端无需维护，
    同时浏览器会承担现实和部分计算功能。服务器作为浏览器显示数据的提供者，
    承担大部分计算功能。一旦系统需要升级，只需维护服务器就可以。
###基于B/S结构开发的应用程序，称为WEB应用程序。
###一个完整的WEB应用程序分为四部分：
    web服务器：接受客户端的请求，根据客户端请求，返回结果。

    web浏览器：允许客户端请求服务器的某个资源，并显示有服务器返回的结果
   
    http协议：客户端和服务器通信所用的协议

    html网页：告诉浏览器如何向用户显示结果
###定义正文标记
    <!--正文标题-->
    <h1>hello</h1>
    <h2>hello</h2>
    <h3>hello</h3>
###定义一个段落
    <!--<br>表示换行-->
    asddadasdasdasd<br>
    vvvvzvzvzvzv
    <!--段落-->
    <p>段落标记</p>
###定义引用文本
    <p>什么故事：</p>
    <!--引用文本-->
    <blockquote>有什么事情</blockquote>

    <!--预编文本，让显示格式和源代码格式一致-->
    <pre>
       abc                abc
       111
    </pre>

    <span>中国十大元帅</span>
    <!--有序列表-->
    <ol>
        <li>朱德</li>
        <li>彭德怀</li>
        <li>林彪</li>
        <li>刘伯承</li>
        <li>贺龙</li>
        <li>徐向前</li>
        <li>陈毅</li>
        <li>叶剑英</li>
        <li>聂荣臻</li>
        <li>罗荣怀</li>

    </ol>
###分区块
    <div style="border: 1px solid red;width:  100px; height: 100px">
    分区块
    </div>

    &nbsp;空格。&It；左尖括号<或小于号。&gt;大于号。&copy;版权符号。
    &reg;已注册符号。&amp；and符号。&#151；长破折号
###跳转页面
    <br>
    <!--超链接，可以实现页面跳转。同一目录的网页跳转，可以直接写文件名-->
    <a href="aa.html">跳转页面</a>
    <!--需要跳转本网页同目录中文件夹中的网页,需要加上目录名-->
    <a href="mm/bb.html">跳转bb</a>
    <br>
    <a href="mm/ts/cc.html">跳转cc</a>
     <!--../跳转当期页的上一级目录-->
     <a href="../bb.html">跳转bb</a>

     <br>
    <a href="../mm/ts/cc.html">跳转cc</a>
###块级元素和内嵌元素
    1.XHTML元素分为块级元素和内嵌元素两种二者的不同之处在于块级元素定义的文本是换行的，
    而内嵌元素定义的文本是不换行
      1. 常见的块级元素包括：div、blockquote、列表元素(dl、ol,ul),fieldset,form
      h1-h6,hr,p,pre,table等
      2.内嵌元素包括：span,a,img,label,所有的表单输入元素、iframe、object等
###
     在html中，name属性和id属性的区别：
     id属性是网页元素在网页中的唯一标识，不能重复，、；name属性是描述提交给服务器表单
     数据的名称，可以重复。如果两个文本框name属性一样，那么提交是，会出现两个同名的键值对

     id属性可以用于网页的任何元素，但name属性一般用于表单元素
     
     id属性的值不会提交给服务器处理，但name属性的值，
###readOnly和disabled的区别
     readOnly表示只读，也就是文本框内容不可以改变，所以该属性只能用于文本框。
     disabled表示不可以，可以用于任何网页元素。元素加上disabled之后，内容不能改变，
     同时不能响应事件

     表单元素加上readOnly，表单值还是可以提交服务器，但表单元素加上disabled，
     表单值就不能提交服务器了。
###meta标签
     <meta name=“KEYWords” content=“”>向搜索引擎说明你的网页的关键词
     <meta name="DEscription" content=“”>告诉搜索引擎你的站点的主要内容
     <meta charset="utf-8"/>设置网页编码集
     <meta http-equiv="Refresh" content="n;url=http://yourlink">
     定时让网页在指定的时间n内，挑转到页面http://yourlink;
###表单元素
     input：
       text         文本框
       password     密码框
       radio        单选框
       checkbox     复选框
       hidden       隐藏表单
       file         文件表单
       submit       提交按钮
       reset        重置按钮
       image        图片按钮
       button       命令
     select         下拉框，列表框（multiple） 

     textArea       多行文本