HTML_CSS

<!--一、表单   <form></form>   

表单就是用来进行数据提交的标签

表单就是一对<form></form>标签，里卖弄包含其他的标签input等

action    表示提交的目标服务器  就是点击提交时跳到哪

method    提交的方法get/post

--》表单提交有有get与post之分

    ---》get就是默认的，就是通过浏览器地址提交

---》post就是将要提交的东西隐藏到报文里提交

1、文本框标签

    <input>

属性：

  type   类型，比如说type="text"就是文本框  type="submit"就是提交按钮

    --》text    文本框

--》submit  提交按钮

    --》password  密码框

  value  

  readonly

  maxlength  允许文本框输入的最大长度

  size       文本框的大小

2、密码框标签

  <input type="password" name="" value="" />

3、隐藏标签  用来记录页面跳转时的信息，但是由于该信息不该显示在页面中，如果显示了会破坏整个页面的美观等东西，因此使用隐藏标签将其隐藏

<input type="hidden" value=""/> 

4、文本域标签  一般用来展示协议等信息，与pre标签格式上有点类似

    <textarea rows="50" cols="10"></textarea>

属性：

rows   长

    cols高

二、按钮标签

     --》  重置按钮

<input type="reset" value+"清除所有数据" />

--》button按钮

该按钮没有任何响应，由用户进行定义

<input type="button" value="button上显示的文本" />

--》图像标签

       <input type="image" src="图片地址"/>

--》disabled属性  相当于C#里的enable属性

        <input type="button" value="点击按钮" disabled />

三、复选框标签  如果想把内容提交那就加上name / value属性

   <input type="checkbox" />看电影

想让复选框默认选中加   checked

  --》leabel  可以将某个数据与某个空间绑定

  1、为目标空间加一个id属性

  2、添加label标签，使用for属性指定id

  <input type="checkbox" name="c1" value="eat" id="123" /><label for="123">吃饭</label>

  --》快速定位  就是键盘上的快捷键  要考虑兼容性

     accesskey属性  要注意和浏览器的快捷键冲突

在IE上要使用alt+键

  mac等这些浏览器中直接使用键

    <input type="checkbox" name="c1" value="eat" id="123" /><label for="123" accesskey="a">吃饭</label>

单选标签  要给标签命名，不然它不知道和谁一组选不了

  <input type="redio" name="1" value="male" checked="checked"/>男

   <input type="redio" name="1" value="fmale"/>女

    <input type="redio" name="1" value=""/>其他

文件选择标签

<input type="file">

四、下拉菜单标签  （相当于combobox  listbox）

提交用的属性

       name    value

后台要一个集合来维护 不要直接提交每一项里的内容给后台的集合，不好，给每一项一个value

默认选中：selected属性

  size属性：显示几行

  multiple:多选

   <select name="email" size="6" mutiple="multiple">

<option value="-1">--请选择--</option>

<option value="0" selected="selected">@163.com</option>

<option value="1">@sina</option>

<option value="2">@qq.com</option>

<option value="3">@yahoo.com</option>

<option value="4">itcast</option>

   </select>

分组    <optgroup></optgroup>

-->

<html>

<head>

<title></title>

</head>

<body>

<form>

<!--写一个文本框-->

<input type="text" name="uid" value=""/>

<!--要提提交数据，必须要满足两个条件

1、放在FORM中

2、必须要有name   value属性

-->

<!--写一个提交按钮-->

<input type="submit" name="点击提交"/><br />

<!--在表单标签中，所有的标签格式等HTML的处理与表单一样-->

   <input type="text" name="readonly" readonly="readonly" /><br />

<input type="text" name="" maxlength="6" /><br />

<input type="text" name="" size="2" /><br />

<!--密码标签-->

<input type="password" name="" value="">

</form>

</body>

</html>

  1、meta标签

  2、帧标签  (不需要body标签了)

  frameset就好比页面的显示区，有两个重要的属性

  --》rows  （横向）

框架被分成几行几列

  --》cols   （竖向）

  <frameset rows="50%,*">

<frame src="地址"></frame>

<frame src="地址"></frame>

  </frameset>

3、分区标签

--》<div>   默认是行标签，被圈起来的内容会独自占一行

   <div style="display:in">

--><span>    默认行内标签，不会换行

三、CSS

1、样式

  --》<div>

长宽width、height

border 1px solid red    表示边框宽度为1  是实线  边框的颜色是红色

---》内联样式

<div style="border:1px solid red; width:50px; height:30px">

</div>

我们发现样式写在标签中，每一个标签都得有眼格式，还是不好维护，

定义一个“东西”，如果整个页面中每个div都是我这个样式

---》内嵌样式

   1、在head标签中写上一对style标签

   2、 添加属性type="text/css"

   3、在style标签中写样式即可

样式的注释和C#的行间注释一样，用斜线星号 星号斜线  /*   */

--->外部样式

考虑统一样式可以应用 于个多页面，使用外部样式，那么像使用类库一样可以共享重用

         1、新建一个文件夹，一般命名为style

2、在style文件夹中新建一个文件夹，命名为css1.css

数往知来 HTML<十一>的更多相关文章

  1. CRL快速开发框架系列教程十一(大数据分库分表解决方案)

    本系列目录 CRL快速开发框架系列教程一(Code First数据表不需再关心) CRL快速开发框架系列教程二(基于Lambda表达式查询) CRL快速开发框架系列教程三(更新数据) CRL快速开发框 ...

  2. 我的MYSQL学习心得（十一） 视图

    我的MYSQL学习心得(十一) 视图 我的MYSQL学习心得(一) 简单语法 我的MYSQL学习心得(二) 数据类型宽度 我的MYSQL学习心得(三) 查看字段长度 我的MYSQL学习心得(四) 数据 ...

  3. WCF学习之旅—第三个示例之五（三十一）

       上接WCF学习之旅—第三个示例之一(二十七)               WCF学习之旅—第三个示例之二(二十八)              WCF学习之旅—第三个示例之三(二十九) WCF学习 ...

  4. [占位-未完成]scikit-learn一般实例之十一:异构数据源的特征联合

    [占位-未完成]scikit-learn一般实例之十一:异构数据源的特征联合 Datasets can often contain components of that require differe ...

  5. 关于大型网站技术演进的思考（二十一）--网站静态化处理—web前端优化—下【终篇】（13）

    本篇继续web前端优化的讨论,开始我先讲个我所知道的一个故事,有家大型的企业顺应时代发展的潮流开始投身于互联网行业了,它们为此专门设立了一个事业部,不过该企业把这个事业部里的人事成本,系统运维成本特别 ...

  6. CPrimerPlus第十一章中的“选择排序算法”学习

    C Primer Plus第十一章字符串排序程序11.25中,涉及到“选择排序算法”,这也是找工作笔试或面试可能会遇到的题目,下面谈谈自己的理解. 举个例子:对数组num[5]={3,5,2,1,4} ...

  7. 无废话ExtJs 入门教程二十一[继承：Extend]

    无废话ExtJs 入门教程二十一[继承:Extend] extjs技术交流,欢迎加群(201926085) 在开发中,我们在使用视图组件时,经常要设置宽度,高度,标题等属性.而这些属性可以通过“继承” ...

  8. GPS部标监控平台的架构设计(十一)-基于Memcached的分布式Gps监控平台

    部标gps监控平台的架构,随着平台接入的车辆越来越多,架构也面临越来越大的负载挑战,我们当然希望软件尽可能的优化并能够接入更多的车辆,减少在硬件上的投资.但是当车辆增多到某一个临界点的时候,仍然要面临 ...

  9. 双十一 VS 火车票（12306）

    火车票开售了,又是一年,code了一年,咱们也该回顾回顾了. 还记得12306上线之初各种技术大牛给人家出方案,吐槽人家外包费用?我们来回顾回顾. 就园子里都过千篇文章来侃这事儿,请问有多少主题的文章 ...

随机推荐

  1. Linux平台Cpu使用率的计算

    proc文件系统 /proc文件系统是一个伪文件系统,它只存在内存当中,而不占用外存空间.它以文件系统的方式为内核与进程提供通信的接口.用户和应用程序可以通过/proc得到系统的信息,并可以改变内核的 ...

  2. svn执行clean up命令时报错或被锁定的解决方法

    用SVN经常出现被锁定而无法提交的问题,选择解锁又提示没有文件被锁定,很是头疼.这里整理了一下SVN 被锁定的几种解决方法: 1.出现这个问题后使用“清理”即"Clean up"功 ...

  3. poj - 3268 Silver Cow Party (求给定两点之间的最短路）

    http://poj.org/problem?id=3268 每头牛都要去标号为X的农场参加一个party,农场总共有N个(标号为1-n),总共有M单向路联通,每头牛参加完party之后需要返回自己的 ...

  4. git(icode)分支及发布管理方式

    如果git(icode)不加管理,可能出现枝节蔓生.四处开放的版本库.到处都是分支,完全看不出主干发展的脉络,造成下图的局面: 为了降低合并和版本管理的成本,团队引入一种值得借鉴的管理方式(link) ...

  5. 64位Ubuntu 13.04 安装Bochs 2.3.5

    bochs 2.3.5源码编译 网上编译bochs的资料非常多,基本的问题都有解决方案,我重点讲不常见的问题. 基本安装步骤 tar vxzf bochs-2.3.5.tar.gz cd bochs- ...

  6. jquery常用代码集锦

    1. 如何修改jquery默认编码(例如默认GB2312改成 UTF-8 ) 1 2 3 4 5 $.ajaxSetup({     ajaxSettings : {         contentT ...

  7. Asp.Net验证码1

    验证码html调用 验证码:<input name="> <img src="CodeHandler.ashx" id="imgCode&qu ...

  8. ADO与ADO.NET的区别与介绍

    1. ADO与ADO.NET简介ADO与ADO.NET既有相似也有区别,他们都能够编写对数据库服务器中的数据进行访问和操作的应用程序,并且易于使用.高速度.低内存支出和占用磁盘空间较少,支持用于建立基 ...

  9. Android程序架构基本内容概述

    在Android操作系统中开发的应用程序都有一个结构缜密的架构.我们今天就来对这一Android程序架构做一个详细的分析.帮助大家了解程序开发的特点,以方便将来在应用程序开中明确自己的程序架构. An ...

  10. Java 图片转换为字符图 CharMaps (整理)

      /* * Java 图片转换成字符图 CharMaps (整理) * * 2016-1-2 深圳 南山平山村 曾剑锋 * * @(#)CharMaps.java 2014/1/16 * 1.这个一 ...