Html02

新知识

Meta标签介绍【本次4种用法均在head标签里面】

<meta  charset="utf-8">

   Charset:字符集

    ASCII

    ANSI

    Unicode

    Gbk

    Gb2312

    Big5

   utf-8:编码格式

   <meta  name="keywords"  content="">


作用:

设置表格表头

对网站进行优化的作用  SEO

 <meta  name="description" content="">

 

 

对网站的描述。

   <meta http-equiv="refresh"  content="5;url=http://www.baidu.com">

网页重定向


 

Link标签介绍【本次2种用法均在head标签里面】

 

☞<link  rel="icon"  href="favicon.ico">

给网页titile中放置小图标

 ☞<link rel="stylesheet"   href="1.css">

引入外部样式表


 

 

表格(table)

  

 组成

        table    定义表格

        tr 行

        td    列(单元格)

 

属性介绍:

   border:   设置表格边框

   width:  设置表格宽度

   Height:   设置高度

   cellspacing:设置单元格之间的距离

   cellpadding:文字距离单元格边框的距离

   bgcolor="red"   设置背景颜色

   align=center  left| right    给td或者tr设置让文字居中 table设置表格居中

 

  

<th></th>   设置表格标题,用法和td一样

 

 

 

设置表格表头

 

 

表格结构

[html] view plain copy
 
 在CODE上查看代码片派生到我的代码片
  1. <span style="font-size:14px;"><table>  
  2.       <thead></thead>    头  
  3.      <tbody></tbody>   身体  
  4.      <tfoot></tfoot>    脚  
  5. </table></span>  


 

单元格的合并

 

     横向和合并:


纵向合并:


 

 

1 表单(form)

作用

表单的作用用来收集信息

组成

提示信息

 

表单控件

 
 

表单介绍:

属性:

  action:  处理用户数据信息

  Method:get |  post

 

   Get数据提交:

     通过地址栏的方式进行数据提交,将用户输入的信息显出来。

     Get提交安全性差

 

   Post提交:

      数据通过后台进行提交,不会将用户信息显示出来,安全性比较好

表单控件

 

属性:

maxlength:  设置文本输入框最多能输多少字符

readonly="readonly"   设置文本输入框为只读(只能读不能编辑)

disabled="disabled”   控件属于非激活的状态

name="username"   给输入框设置名称

Value=””    设置或者显示输入的值

 

密码输入框:

 

属性用法与文本输入框的用法一样。

 

单选按钮:

 

注意:实现单选效果一定要给控件设置相同的名称

 属性:

  checked="checked"    设置默认选中项

 
 

下拉列表:

属性:

 设置默认选中项

 

multiple="multiple"   可以实现多选效果


 

 

 

下拉列表分组显示:


 

 

多选控件:


 

 

设置默认选中项: checked=checked

 

多行文本输入框:


 

 

图片上传控件:


 

 

按钮系列:

 

 

注意:该按钮不能进行表单提交。通常和js代码配合使用


将控件中的值恢复到默认值状态

 

该控件也可以进行表单的提交


 

表单分组控件:


 

 

表单补充:

 
 

 

 

 

 

 

posted @ 2016-08-30 10:31  每天学习一点点...  阅读(112)  评论(0编辑  收藏  举报