码迷,mamicode.com
首页 > Web开发 > 详细

HTML 表

时间:2015-07-27 13:05:58      阅读:142      评论:0      收藏:0      [点我收藏+]

标签:

表格:

<table></table> 插入一个表格 <tr></tr> 代表一行 其中插入<td></td>单元格

技术分享                  技术分享这里是无边框的

加入边框 border="1"

技术分享

如果想打通横排 colspan="" ,竖排rowspan="" 写打通排的个数

技术分享

 

__________________________________________________分割线__________________________________________________________

 

form标签:

 

<form id=""(不可重)  name=""(可以重)  method="post/get"(默认为post,提交的方式,get在地址栏里方式有长度限制,别人通过解码可以看见内容。post长度不限,内容 放在报头里面提交,看不到)  action="提到服务端的地址提交给谁来处理">
</form>
1.文本输入类
文本框:<input type="text"  name=""  id="" value="">
密码框:<input type="password"  name=""  id="" value="">
文本区域:多行 <textarea name="" id="" cols=""(字符多少) rows=""(几行高) ></textarea>
看不见的文本框:隐藏域  <input type="hidden"  name=""  id="" value="">

 

__________________________________________________分割线__________________________________________________________

按钮:


提交按钮 <input type="submit" name="zhuce" id="zhuce" value="注册" /> 点注册之后就转到form内的提到服务器的地址

重置按钮,还原到初始值 <input type="reset" name="huanyuan" id="huanyuan" value="重置" />

普通按钮,<input type="button" name="anniu" id="anniu" value="普通按钮" /> 写程序进行其它的控制

图片按钮:<input type="image" src="图片地址"> 也是提交的

__________________________________________________分割线__________________________________________________________

选择按钮

单选按钮:

<input type="radio" name="sex" value="true" id="sex_0" /> 男,name值用来分组的  value值看不见,提交给程序用的
     
<input type="radio" name="sex" value="false" id="sex_1" checked="checked"/>女  checked是设置了默认初始值是女

这里单选按钮是就是让 name一样,然后只能选一个.
    
多选按钮:

<input type="checkbox" name="duoxuan" value="复选框" id="duoxuan_0"  cheacked="checked"/>

__________________________________________________分割线__________________________________________________________

Frameset框架集

我们用Frameset这破玩意来分割页面,比如说前一阵子很火的猫扑(www.mop.com),mop的大部分页面就是可以用Frameset做出来,但是人家的更先进.

既然我们要分割页面,那么我们就要用<Frameset></Frameset>来代替<Body></Body>

然后里面加<frame />来添加分隔出来的页面内容技术分享这样分起来页面就被分为上下各50%的两个页面,不是很好看,

所以我们要在<frameset>里面写东西 里面有 rows 和cols两个分割方法 rows横切,cols纵切

 rows="100,*" 意思是 横着切上面100px,下面的所有 我们看下 rows="100,*" cols="100,*"

技术分享

也不是很好看 我们就用 纵切 左边导航 右边显示.

技术分享

首先设置一个空页面做导航 里面写超链接

3.html
<a href="http://www.baidu.com" >百度</a> <br /> <a href="http://www.163.com" >网易</a> <br /> <a href="http://www.cnblogs.com/">博客园</a> <br /> <a href="http://www.w3school.com.cn/" >w3school</a>

 

,再写一个空页面用来显示.

 2.html 

 

把两个 frame要显示的来源地址写入 src=""里面

<frameset   cols="100,*">
<frame src="3.html"  />  //导航连接
<frame src="2.html"  />  //显示页面
</frameset><noframes></noframes>

那么问题就来了,如何点3.html的连接 让内容在2.html显示出来

首先在<frame src=要显示的地方置一个名字,<frame src="2.html" name="frm2" />

然后在3.html里面 加入一个载入用的target指向 这个name的地方

<a href="http://www.baidu.com" target="frm2">百度</a> <br />

技术分享

 

运行,一个简单的分割框架就出来了

技术分享技术分享

 

 

__________________________________________________分割线__________________________________________________________

iframe小窗口

一堆页面信息里面我们想加入一个小广告或者神马哒,出了用div我们还可以用iframe 在body里面放

在原来的html页面的内容套个小窗口,用来显示其他页面的内容

 

<iframe src="页面地址" width="" height="" >frameborder="0"去边线,scrolling="no"不出现滚动条
</iframe>

 

如果设置高和宽为0,则不显示,但是在后台存在这么一个页面,熊猫烧香病毒就属于这种。

 

HTML 表

标签:

原文地址:http://www.cnblogs.com/18553325o9o/p/4679783.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!