JavaWeb笔记-备份下

JavaWeb笔记-备份下

  1. html
  2. 简介:
  3. 超文本标记语言
  4. Hyper Text Markup Language
  5. 网页语言
  6. 超文本:超出文本的范畴,使用html可以轻松实现
  7. 标记:html所有操作都通过标记实现 <标签>

                     i.            html直接通过浏览器 直接运行

  1. html的规范

a)       一个开始和结束的标签

b)       html包含两部分内容

                     i.            显示信息

                   ii.            显示页面上的内容

c)        不区分大小写

d)       有的标签 没有结束标签

                     i.           
换行

                   ii.           


一条线

 

  1. html操作思想

a)       网页中有许多不同的数据 需要不同的显示效果

  1. html常用标签

a)      

b)       属性 size:文字的大小1—7

  1. color:文字颜色 两种方式

1, 英文单词

2, 试用rgb表示 #加16进制

c)        注释标签

d)       标题 标签

里面的数字是变的 数字越大标题越小 标题标签会自动换行

e)       水平线标签


size粗细 color颜色

f)        特殊符号转译  <  --- <

1, > ---- >

  1. 空格也需要转译     ----" " 一个空格

 

  1. 列表标签

a)      

无序列表范围

                     i.            在dl里面

上层内容

1,

下层内容

b)      

    有序列表范围

                         i.            ol属性 type:设置排序方式 1,数字  a,英文 i,罗马字

                       ii.            在ol里面

  1.  

    c)        想要加特殊符号 使用

      标签 默认为原点·

                           i.            更改 type 改变默认的 特殊符号

                         ii.            在ul里面

    •  

      1. 图像标签 重点

      a)      

      b)       属性: width height 宽高属性  alt="鼠标停留在图片上 会显示文字 用的少 兼容性差“

       

      1. 路径的介绍

      a)       分类:两类1,绝对路径   C:\Use\io\lxa.jpg  http://www.baidu.com

      1, 2,相对路径  一个文件相对于另一个文件的位置 img\iii.jpg

      2, ../  表示html的上层路径

       

      1. 超链接 跳转到空白的页面 “_self”在现在的页面打开
        1. target = “#” 什么也不打开
      2. 定位资源  

      a)       如果想要定位资源 : 定义一个位置

                           i.            顶部

                         ii.            回到顶部 回到顶部

       

      1.  可以进行换行的 pre 按照里面的内容进行换行

       

      1. 表格标签

      a)      

       

                           i.                   align——排列

                         ii.           

      b)      

      c)        tr表示一行  td 表示单元格

                           i.            th也可以表示单元格 th可以实现 居中 加粗

                         ii.            表格的标题 设置标题

                        iii.            合并单元格

                        iv.            rowspan ="3" 跨行合并3个单元格

                         v.            colspan

       

      1. 表单标签****

      a)       可以提交数据到服务器 这个过程可以使用表单标签

      b)       **                     i.            输入项:可以输入内容

      1. 大部分输入项 使用
      2. ** 普通输入项:

      1, eg:

                                                              i.           

      1. 手机号码:

                                                            ii.           

      1. ** 密码输入项:
      2. ** 单选输入项 必须要有value  男   需要属性 name  name属性必须一样才能单选
      3. ** 复选输入项 必须要有value  羽毛球 网球
      4. ** 文件输入项   可以插入本地文件
      5. ** 下拉输入项(不在input标签里)

        1. ** 文本域
        2. ** 隐藏项 具体用途之后讲 可以写一些属性传递到servlet
        3. ** 重置按钮
        4. ** 普通按钮
        5. 通过图片进行上传 **

        1,

        1. ** 提交按钮 注册 提交之后网页 出现?后的值被提交到服务器上

                           ii.            ***** 每个标签里都要有 name 属性 ****

        1. ** get 和 post 的区别: get请求地址栏会携带提交数据 post不会携带提交数据
          1. get 请求的安全级别低 get 请求数据有大小的限制 post没有带下的限制
          2. 还有一个 e

        c)        使用表单写注册界面:

                             i.            创建一个html页面 :

        d)      

        注册

        e)      

                             i.           

      6. 你可以使用手机号注册
      7. 姓名:
      8.       

        1,

      9.                    ii.           

        注册邮箱
         

        f)       

         

        g)       html中其他常用标签的使用

                             i.            留心昂 加粗

                           ii.            尤文图斯 下划线

                          iii.            yiyiyi 删除线

                          iv.            斜体

        h)      

        原样输出 文本里面有换行 也会还行

         

        i)         下标

        j)         上标

        k)        ************

        l)        

        可以自动换行

        m)      都会在一行显示

        n)      

        段落标签

         

        1. html 头标签的使用 :

        a)       在head里的标签 叫头标签

                             i.            title: 表示在标签显示的

                           ii.            meta: 可以设置页面的相关的内容

                          iii.           

         

        1. 框架标签 : 用的时候要 删除 直接写在head外面

        a)       rows 按照行进行划分  *表示剩下的部分都是

                             i.            eg:  

        1,

        2,

        b)       有点类似j2se的frame插入panel label 等等。。。 

        c)        现在基本没人用这个 都是用div

                             i.            块级元素

                           ii.            在浏览器中显示:

                          iii.            块级元素自占一行

                          iv.            上面第二个元素并没有和第一个元素在同一行显示,而是自动换行,每个块级元素都自占一行

         

        1. html中的中文乱码问题:utf-8 和 GB2312 的区别  系统默认一定不会有中文乱码

         

        a)       DAY1总结 :

                             i.            html操作思想 使用标签把要操作的数据 修改标签的属性值 进行修改

                           ii.            常用标签 font属性 size 1—7 color 英文 或 16进制

        1, 标题标签 h1....h6 越来越小 会自动换行

        2, 注释

        3, 列表标签

        4, 有序

          1. 5, 无序

            6, 图像标签 鼠标放上去显示的文字 alt兼容差

            7, 路径 相对路径  在同一目录直接写   下一集目录 ???\。。。  上一层目录 ../

            8, 超链接标签

            9, 表格标签 *****

            10,           

            或加粗居中单元格

            11,            表单标签 最重要*** 注册登录可以使用表单标签

            12,            属性: 表示表单范围

                                                                    i.            action : 提交到的地址

                                                                  ii.            method : 提交方式 post  get.

                                                                 iii.            enctype:上传时用到

            1. multipart/form-data:
            2. 1、当我们上传的含有非文本内容,即含有文件(txt、MP3等)的时候,需要将form的enctype设置为multipart/form-
            3. data。
            4. 将表单中的数据变成二进制数据进行上传,所以这时候这时如果用request是无法直接获取到相应表单的值的

            13,            输入项 :

                                                                    i.            普通输入项

                                                                  ii.            密码 type="password"

                                                                 iii.            单选 ;radio

                                                                 iv.            复选 : checkbox

                                                                  v.            下拉框

                                                                 vi.            文本域 :

                                                                vii.            文件 file

                                                              viii.            提交按钮 ; submit

                                                                 ix.            重置 : reset

                                                                  x.            使用图片提交 :

                                                                 xi.            普通按钮 button

                                                                xii.            隐藏项 : hidden

            b)       div自动换行  span  在同一行显示

            c)        框架标签 不是重点

             

             

             

             

             

            css与js js是重点

                css 层叠样式表 层叠:强调优先级  样式表:有很多属性值

                是页面的显示效果很好 分离属性 使代码很好维护‘

             css 和 html 的结合方式 有4种:

                1,每个html上都有style属性 把css与html结合在一起

                 

            帅帅啊啊

                2,使用

                  

            asdhAHD

                3,在style标签里 使用语句   这样可以直接修改css 实现分离  可以直接改css文件 实现大面积更改

                   @import url(css文件路径) 后缀名就是 .css 在css文件里直接写 代码 div{background-color:red;}

                  在html中进行引用 :写在head里面

                  

                4,*** 使用头标签link 来进行实现  也要写在head里面

                  

             

                第3中结合方式 在一些浏览器下不兼容 很少用 一般用地4种结合方式

             

              css的优先级 :

                单独在标签内定义的 优先级最高

                由上到下 后加载的优先级最高

                  css的选择器 :

                基本选择器:

                   标签选择器:使用标签名作为选择器的名称

                    

                   class选择器:每个html标签都有一个属性

                      

                      

            asda

             

                     基本选择器优先级 :  后加载的优先级高

                       style选择区 》id选择器 》 class选择器 》标签选择器

             

                css扩展选择器 :

                   关联选择器:

            asdasd

             

            dasd

              有两个p标签 指定divp 变化