（一）表格

合并单元格（少用）

（合并列）

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. 2014上半年acm总结（1）（入门+校赛）

    大一下学期才开始了acm,不得不说有一点迟,但是acm确实使我的生活充实了很多,,不至于像以前一样经常没事干=  = 上学期的颓废使我的c语言学的渣的一笔..靠考前突击才基本掌握了语法 寒假突然醒悟, ...

  2. gitlab 安装报错：Could not find modernizr-2.6.2 in any of the sources

      2014-04-30 15:27:44 标签:gitlab 原创作品,允许转载,转载时请务必以超链接形式标明文章 原始出处 .作者信息和本声明.否则将追究法律责任.http://davidbj.b ...

  3. 【COM学习】之二、HRESULT,GUID

    HRESULT 来向用户报告各种情况.   他的值位于  WINERROR.H中 QueryInterface返回一个HRESULT值. HRESULT不是一个句柄,他是一个可分成三个域的32位值. ...

  4. uva 10453 - Make Palindrome(dp)

    题目链接:10453 - Make Palindrome 题目大意:给出一个字符串,通过插入字符使得原字符串变成一个回文串,要求插入的字符个数最小,并且输出最后生成的回文串. 解题思路:和uva 10 ...

  5. html系列教程--DOCTYPE a area

    <!DOCTYPE>标签:<!DOCTYPE> 声明不是 HTML 标签:它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令.在 HTML 4.01 中,& ...

  6. JDBC操作封装

    这两天学习了一下jdbc的封装,依据的是下面这篇 http://wenku.baidu.com/link?url=FaFDmQouYkKO24ApATHYmA5QzUcj-UE-7RSSZaBWPqk ...

  7. ORA-32001: 已请求写入 SPFILE, 但是在启动时未指定 SPFILE

    SQL> alter system set smtp_out_server='smtp.126.com' scope=both;alter system set smtp_out_server= ...

  8. EC读书笔记系列之4：条款8 别让异常逃离析构函数

    条款8 别让异常逃离析构函数 记住: ★析构函数绝对不要吐出异常.若一个被析构函数调用的函数可能抛出异常,析构函数应该捕捉任何异常,然后吞下它们(不传播)或结束程序. ★若客户需对某个操作函数运行期间 ...

  9. 出现"无法连接synaptics定点装置驱动程序"

    "开始“--”运行“--regedit(打开注册表)--依次打开 HKEY_LOCAL_MACHINE/SOFTWARE/Microsoft/Windows/CurrentVERSION/R ...

  10. Attempted to lock an already-locked dir的解决方法

    第一,在当前目录使用“清理”功能,如果不行,到上一级目录,再执行“清理”. 第二,如果看到某个包里面的文件夹没有SVN的标志,直接用“Ctrl+Delete”手工删除,然后“清理”.