1.web的概念：

1.1  javaWeb：

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

1.2  软件架构

1.2.1   C/S架构: Client/Server 客户端/服务器端

           在用户本地有一个客户端程序，在远程有一个服务器端程序，比如：迅雷、QQ

  优点： 用户体验好；

  缺点：开发、安装、部署、维护 麻烦

1.2.2   B/S结构: Browser/Server 浏览器/服务器端

        只需要一个浏览器，用户通过不同的网址(URL)，客户访问不同的服务器端程序。

优点：开发、安装，部署，维护 简单

缺点：如果应用过大，用户的体验可能会受到影响；对硬件要求过高。

1.3 B/S架构详解：

      B/S架构资源分类可分为：静态资源、动态资源。

1.3.1 B/S架构的静态资源

       使用静态网页开发技术发布的资源：

     特点：1.所有用户访问，得到的结果是一样的，如：文本，图片，音频、视频, HTML,CSS,JavaScript

                2.如果用户请求的是静态资源，那么服务器会直接将静态资源发送给浏览器。浏览器中内置了静态资源的解析引擎，可以展示静态资源。

1.3.2 B/S架构的动态资源

         使用动态网页及时发布的资源。

       特点： 1.所有用户访问，得到的结果可能不一样，如：jsp/servlet,php,asp...

                   2.如果用户请求的是动态资源，那么服务器会执行动态资源，转换为静态资源，再发送给浏览器。

要学习动态资源，必须先学习静态资源！

静态资源的学习：

         1.HTML：用于搭建基础网页，展现页面的内容。

         2.CSS：用于美化页面，布局页面。

         3.JavaScript:控制页面的元素，让页面有一些动态功能。

2.HTML

2.1  HTML是最基础的网页开发语言

  HTML（Hyper Text  Markup Language）超文本标记语言。

 超文本：超文本是用超链接的方法，将各种不同空间的文字信息组织在一起的网状文本。

标记语言:1.由标签构成的语言。<标签名称> 如 html，xml    2.标记语言不是编程语言

2.2 快速入门 

    语法：

         1.html文档后缀名 .html 或者 .htm

         2.标签分为：

                      1. 围堵标签：有开始标签和结束标签。如    

                       2.自闭和标签：开始标签和结束标签在一起。如

        3. 标签可以嵌套：

            需要正确嵌套，不能你中有我，我中有你。

            错误：

            正确：

      4.在开始标签中可以定义属性。属性是由键值对构成，值需要用引号(单双都可)引起来

      5.html的标签不区分大小写，但是建议使用小写。

      6.简单入门代码：

              
        
                           
                                 
                           
            
                         
                                 Hello World

                
                               Hello World
            
                        
     
               

2.3 标签的学习：

2.3.1 文件标签：构成html最基本的标签。

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

2.3.2  文本标签：和文本有关的标签。

       * 注释：

      *

to

：标题标签。     h1~h6:字体大小逐渐递减

        

：段落标签

        
：换行标签

       

---

：展示一条水平线。

                     属性：

                              *   color：颜色

                              *  width：宽度

                              *   size：高度

                              *  align：对其方式：  center  居中    left 左对齐      right 右对齐

          ：字体加粗

          ：字体斜体

          

:文本居中

          :字体标签

                          属性：

                                  * color：颜色

                                  * size：大小

                                  * face：字体

           属性定义：

                       * color：

                              1. 英文单词：red,green,blue。

                              2. rgb(值1，值2，值3)：值的范围：0~255  如  rgb(0,0,255)

                              3. #值1值2值3：值的范围：00~FF之间。如： #FF00FF

                     * width：

                              1. 数值：width='20' ,数值的单位，默认是 px(像素)

                               2. 数值%：占比相对于父元素的比例

2.3.3 案例分析；

中国

"中国"是以华夏文明为源泉,中华文化为基础 并以汉族为主体民族的多民族国家通用汉语、汉字，汉族与少数民族被统称为“中华民族”，又自称为炎黄子孙、龙的传人。

中国是世界四大文明古国之一，有着悠久的历史，距今约5000年前，以中原地区为中心开始出现聚落组织进而形成国家，后历经多次民族交融和朝代更迭，直至形成多民族国家的大一统局面。20世纪初辛亥革命后，君主政体退出历史舞台，共和政体建立。1949年中华人民共和国成立后，在中国大陆建立了人民代表大会制度的政体。

中国疆域辽阔、民族众多
先秦时期的华夏族在中原地区繁衍生息©, 到2005年中国人口已突破十三亿

           

2.3.4   图片标签：  

    img：展示图片

          属性：

                 src：指定图片的位置

  代码：

       

       

     

     

        例如：

         

       

 

2.3.5 列表标签：

            有序标签：

                   * ol:

                    * li:

          * 无序列表：

                    * ul:

                    * li:

2.3.6  链接标签：

          定义一个超链接：

                      属性：

                       * href：指定访问资源的URL(统一资源定位符)。

                       * target：指定打开资源的方式

                                       * _self:默认值，在当前页面打开

                                       * _blank：在空白页面打开

点一下


点一下


点一下


点一下

2.3.7  div和span：

     div:每一个div占满一整行。块级标签

     span：文本信息在一行展示，行内标签 内联标签

2.3.8  语义化标签：html5中为了提高程序的可读性，提供了一些标签。

     

：页眉