（一）表格

合并单元格（少用）

（合并列）

1.先选中要合并的2个或多个单元格，然后点击以下图标

代码：<td colspan="2"> </td>

2.设置colspan属性

删掉一个<td></td>

（合并行）

代码：<td rowspan="2"> </td>

1.设置rowspan属性

2.删掉对应的n-1个<td></td>

（二）锚点

<a href="#first">第一章</a>

<a href="#second">第二章</a>

在第一章的位置：<a name="first"></a>

在第二章的位置：<a name="second"></a>

1.做锚点的标签。<a name=""></a>xxx

2.做指向锚点的超链接。<a href="页面全名#锚点名">xxx</a>

（三）表单

只要是输入的地方，都要放到<form>里面去

<form id="" name="" method="post（长度不限）/get（长度有限）" action="提交到服务器端的地址，提交给谁来处理">

</form>

action 表示提交的目标服务器

method 提交的方法get、post

*********************************文本输入类************************************

文本框<input type="text" values="">

密码框<input type="password" values="">

隐藏域<input type="hidden" values="">

文本区域

<textarea></textarea>

*****************************按钮类****************************************

提交按钮<input type="submit" values="按钮上的文字">

重置按钮<input type="reset" values="按钮上的文字">

普通按钮<input type="button" values="按钮上的文字">

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

********************************选择输入类*********************************

单选按钮<input type="radio" name="用来分组" value="true" id="RadioGroup1_0" checked="checked"(初始值被勾选)/>

复选框<input type="checkbox" name="用来分组" value="true" id="RadioGroup1_0" checked="checked"(初始值被勾选)/>

下拉列表

<select name="" size="n"(列表) multiple="multiple"(多选) id="">

<option value="项的值" selected="selected">项的显示内容</option>

</select>

文件域

文件上传：<input type="file" name="" id="">

(四)框架集

-> 将页面分块布局(框架直接属于html)

-> 基本语法

<frameset cols=“30%, *” rows=“”>

<frame src=“URL” noresize=“noresize”/>

<noframes><body></body></noframes>

</frameset>

1.frameset,frame

如何横向、纵向分割窗口？frameset中的rows="100,*",cols="100,*"

如何分割复杂的窗口？framework的嵌套

如何禁用窗口大小可调？frame的noresize="noresize"

如何隐藏分割窗口的边框？frameset的frameborder="no"

如何在超链接中指定目标页面显示在哪个框架窗口中？

第一步：给要显示内容的目标frame是指name属性

第二步：给超链接的target属性赋值成第一步设置name

如何让整个frameset页面跳转到某个页面？

把超链接的target属性设置成"_top"

如何不让frame中出现滚动条？

把frame的scrolling属性设置为no

2.iframe

在原来的HTML页面上，嵌入一个小窗口，用来显示其他小窗口

<iframe frameborder="0" scrolling="no" src="">

CSS 层叠样式表

作用：美化HTML网页的

分类：

1.内联

2.内嵌

3.外部

选择器：

1.简单选择器

标签选择器： b{ }

Class选择器： .名字 <div  name=“名字”>

Id选择器：  #名字 <div   id=“名字”>

2.复合选择器

以逗号隔开，并列同时起作用   #名字,#名字

以空格隔开，后代关系    div p （对div里的p起作用）

筛选关系    p.dd  (针对p元素里的dd名起作用)

2014.9.16HTML表单CSS的更多相关文章

  1. HTML表单 CSS样式

    1.HTML表单 <body rightmargin="50" leftmargin="50" background="未标题-1.jpg&qu ...

  2. 0522 HTML表单 CSS基础

    一.列表标签 列表标签分为三种. 1.无序列表<ul>,无序列表中的每一项是<li> 英文单词解释如下: ul:unordered list,“无序列表”的意思. li:lis ...

  3. 最新版本Firefox表单css兼容性

    场景描述: 为了在各浏览器上传控件保持统一的风格,用隐藏“浏览控件”的方式,在最新版本的Firefox下隐藏的“浏览”按钮漂移了. 问题分析: HTML代码: <form class=" ...

  4. 28. 表单css样式定义格式

    form>table>tbody>tr>td{padding:5px;font-size:14px;font-family:"Microsoft YaHei" ...

  5. WTF Forms – 使用 CSS 实现用户体验更好的表单

    WTF forms 借助 CSS 提供友好的 HTML 表单控件,专为 IE9+ 以及最新的 Chrome.Safari 和 Firefox 浏览器.以文件输入控件的改进,使用 label 包裹在 i ...

  6. js 节点 document html css 表单节点操作

    js 节点 document html css 表单节点操作 节点操作:访问.属性.创建 (1)节点的访问:firstChild.lastChild.childNodes.parentChild(父子 ...

  7. css解决select下拉表单option高度的办法

    css在给select下拉表单设置样式如边框时可以轻松搞定,而我们在不喜欢其默认的下拉箭头的样式时试图通过background:url(图片路径)来修改之,则往往会出现浏览器的兼容性问题,在网上查了好 ...

  8. 只用css来美化的上传表单按钮（抄的迅雷的）

    <!DOCTYPE html><html><head><meta charset="utf-8" /><title>文件 ...

  9. BootStrap入门教程 (二) ：BASE CSS（排版(Typography),表格(Table),表单(Forms),按钮(Buttons)）

    上讲回顾:Bootstrap的手脚架(Scaffolding)提供了固定(fixed)和流式(fluid)两种布局,它同时建立了一个宽达940px和12列的格网系统. 基于手脚架(Scaffoldin ...

随机推荐

  1. 转载： Nova-Router 分析

    很早的实现了,nova代码已经做了很多修改了. 以创建实例 URL(http://10.191.7.32:8773/v1.1/service?*****)为例说明 Router 的执行流程 1. 依据 ...

  2. java操作mysql的增删改查

    prepareStatement(sql)是statement的子类,比statement好用. 如果数据库中定义的是int值,那么sql语句中要把int单独提出来.如".....value ...

  3. Linux学习之十一、环境变量的功能

    环境变量的功能 可以利用两个命令来查阅,分别是 env 与 export 呢! 范例一:列出目前的 shell 环境下的所有环境变量与其内容. [root@www ~]# env SHELL 告知我们 ...

  4. 开源消息总线ActiveMQ

    一.消息中间件MOM(Message-Oriented Middleware) 消息中间件是解决异步分布式系统中通讯和排队问题的中间件技术.它利用高效可靠的消息传递机制进行平台无关的数据交流,并基于数 ...

  5. 第9课_3_db库安装

    四 安装listener监听 使用oracle用户,在rac1和rac2上都可以起netca 1.打开网络配置界面,选择"Cluster configuration"集群配置方案, ...

  6. C++虚基类的作用

    虚基类的作用     当一个基类被声明为虚基类后,即使它成为了多继承链路上的公共基类,最后的派生类中也只有它的一个备份.例如:class CBase { }:class CDerive1:virtua ...

  7. 实现ModelDriver接口的功能

    ModelDriver接口 来自com.opensymphony.xwork2.ModelDriven.是xwork-2.1.2-750.jar包的东西. 下面是源码: package com.ope ...

  8. JVM结构、GC工作机制详解（转）

    原文地址:http://blog.csdn.NET/tonytfjing/article/details/44278233 JVM结构.内存分配.垃圾回收算法.垃圾收集器.下面我们一一来看. 一.JV ...

  9. zoj 3471Most Powerful

    题意:给n个atom(原子),每两个原子相碰会产生能量,不过每次碰撞会消失一个原子,而且不同原子碰撞,消失的原子不同,产生的能量也会不同,给出不同原子相碰撞产生的能量,求出能产生的最多能量. 状态DP ...

  10. 在不同编程语言中对Unix时间戳进行转换(Unix timestamp)

    最近用到unix时间转换在mysql和.net中的应用.将此资料保存在博客中. 如何在不同编程语言中获取现在的Unix时间戳(Unix timestamp)? Java time JavaScript ...