接触IT的第三天

接触IT的第三天

表格的作用：
显示数据！

每一个


    width    宽
    height    高
    border   边框
    bordercolor  边框颜色 

cellspacing=""    相邻单元格边框之间的间距
cellpadding=""    内容距离边框之间的间距
align=""           水平对齐方式
    属性值：
        left   center   right

    valign=""   垂直对齐方式
      属性值：
         top    bottom    middle   

        合并单元格  
             注：只要跨行的都是合并行，不跨行的都是合并列！

             合并行的属性 ：rowspan"合并的单元格数量"
             合并列的属性： colspan="合并的单元格数量"
             无论合并行还是合并列都是操作td 
             合并谁就删谁
 
              表格内部：
                   有合并行又有和并列

                   注：先合并列，再合并行!

表单
作用 ：收集用户信息

表单标签：(表单域)
   <form></form>

     属性：action="url"(代表路径)    表单提交的路径
           method="get或者post"                 数据的传输方式
           name="表单名称"
           
表单控件：
    标签 ：<input>    
        属性：
           type=""       指定input生成的类型（输入框，提交按钮，空按钮...）
           value=""      作用：提示信息   根据type的类型不同，作用也不一样
           maxlength=""  输入字符的最大长度  
           name=""       当前表单元素的名称
           size=""       以字符为单位的，控制表单元素的大小(了解)

 
文本框(输入框)：
     <input type="text">
 密码框：
     <input type="password">
提交按钮
    <input type="submit">
重置按钮
    <input type="reset">
 空按钮：没有任何功能
    <input type="button">
    value="改变按钮的名称"是按钮的值

css：
作用：渲染网页的

css: 层叠样式表
     最新的版本(在之前的基础上增加了一些内容)：css3.0
为什么用css?
    相比html操作元素的样式更加的便利，功能性更强。
    有利于维护。（结构和表现的分离）

css语法：
   选择符{属性：属性值；}

    eg: div{width:300px;}
  
    css语法说明：
      1：选择符选择的是html标签
      2：所有的css声明都要放在{}里面！！属性和属性值就是声明
      3：css声明 包括属性和属性值
      4：css的属性和属性值 使用冒号进行连接
      5：每条声明的后面用分号结尾。
      6：若果有个属性有多个属性值的时候，属性值和属性值之间用空格隔开



注：所有的css代码 都要放在css样式表里面！！

css样式表： 内部样式表/外部样式表/内联样式表
1：内部样式表：

         注：内部样式表，最好放在head描述区里面。

2：外部样式表
创建一个后缀名为.css 的文件
外部样式表的导入：
第一种方法：

href="" 连接路径！
rel=“stylesheet” 建立关联性！
第二种方法：

表格的作用：
显示数据！

每一个


    width    宽
    height    高
    border   边框
    bordercolor  边框颜色 

cellspacing=""    相邻单元格边框之间的间距
cellpadding=""    内容距离边框之间的间距
align=""           水平对齐方式
    属性值：
        left   center   right

    valign=""   垂直对齐方式
      属性值：
         top    bottom    middle   

        合并单元格  
             注：只要跨行的都是合并行，不跨行的都是合并列！

             合并行的属性 ：rowspan"合并的单元格数量"
             合并列的属性： colspan="合并的单元格数量"
             无论合并行还是合并列都是操作td 
             合并谁就删谁
 
              表格内部：
                   有合并行又有和并列

                   注：先合并列，再合并行!

表单
作用 ：收集用户信息

表单标签：(表单域)
   <form></form>

     属性：action="url"(代表路径)    表单提交的路径
           method="get或者post"                 数据的传输方式
           name="表单名称"
           
表单控件：
    标签 ：<input>    
        属性：
           type=""       指定input生成的类型（输入框，提交按钮，空按钮...）
           value=""      作用：提示信息   根据type的类型不同，作用也不一样
           maxlength=""  输入字符的最大长度  
           name=""       当前表单元素的名称
           size=""       以字符为单位的，控制表单元素的大小(了解)

 
文本框(输入框)：
     <input type="text">
 密码框：
     <input type="password">
提交按钮
    <input type="submit">
重置按钮
    <input type="reset">
 空按钮：没有任何功能
    <input type="button">
    value="改变按钮的名称"是按钮的值

css：
作用：渲染网页的

css: 层叠样式表
     最新的版本(在之前的基础上增加了一些内容)：css3.0
为什么用css?
    相比html操作元素的样式更加的便利，功能性更强。
    有利于维护。（结构和表现的分离）

css语法：
   选择符{属性：属性值；}

    eg: div{width:300px;}
  
    css语法说明：
      1：选择符选择的是html标签
      2：所有的css声明都要放在{}里面！！属性和属性值就是声明
      3：css声明 包括属性和属性值
      4：css的属性和属性值 使用冒号进行连接
      5：每条声明的后面用分号结尾。
      6：若果有个属性有多个属性值的时候，属性值和属性值之间用空格隔开



注：所有的css代码 都要放在css样式表里面！！

css样式表： 内部样式表/外部样式表/内联样式表
1：内部样式表：

         注：内部样式表，最好放在head描述区里面。

2：外部样式表
创建一个后缀名为.css 的文件
外部样式表的导入：
第一种方法：

href="" 连接路径！
rel=“stylesheet” 建立关联性！
第二种方法：