HTML 表
表格:
<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>
,再写一个空页面用来显示.
把两个 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 表的更多相关文章
- In-Memory:在内存中创建临时表和表变量
在Disk-Base数据库中,由于临时表和表变量的数据存储在tempdb中,如果系统频繁地创建和更新临时表和表变量,大量的IO操作集中在tempdb中,tempdb很可能成为系统性能的瓶颈.在SQL ...
- In-Memory:内存优化表的事务处理
内存优化表(Memory-Optimized Table,简称MOT)使用乐观策略(optimistic approach)实现事务的并发控制,在读取MOT时,使用多行版本化(Multi-Row ve ...
- 试试SQLSERVER2014的内存优化表
试试SQLSERVER2014的内存优化表 SQL Server 2014中的内存引擎(代号为Hekaton)将OLTP提升到了新的高度. 现在,存储引擎已整合进当前的数据库管理系统,而使用先进内存技 ...
- SQL Server表分区
什么是表分区 一般情况下,我们建立数据库表时,表数据都存放在一个文件里. 但是如果是分区表的话,表数据就会按照你指定的规则分放到不同的文件里,把一个大的数据文件拆分为多个小文件,还可以把这些小文件放在 ...
- 一起学微软Power BI系列-使用技巧(5)自定义PowerBI时间日期表
1.日期函数表作用 经常使用Excel或者PowerBI,Power Pivot做报表,时间日期是一个重要的纬度,加上做一些钻取,时间日期函数表不可避免.所以今天就给大家分享一个自定义的做日期表的方法 ...
- 分享一个SQLSERVER脚本(计算数据库中各个表的数据量和每行记录所占用空间)
分享一个SQLSERVER脚本(计算数据库中各个表的数据量和每行记录所占用空间) 很多时候我们都需要计算数据库中各个表的数据量和每行记录所占用空间 这里共享一个脚本 CREATE TABLE #tab ...
- ASP.NET Aries 入门开发教程9:业务表单的开发
前言: 经过前面那么多篇的列表的介绍,终于到了大伙期待的表单开发了. 也是本系列的最后一篇文章了! 1:表单页面的权限设置与继承 对于表单页面,权限的设置有两种: 1:你可以选择添加菜单(设置为不显示 ...
- [PHP内核探索]PHP中的哈希表
在PHP内核中,其中一个很重要的数据结构就是HashTable.我们常用的数组,在内核中就是用HashTable来实现.那么,PHP的HashTable是怎么实现的呢?最近在看HashTable的数据 ...
- C语言 · 乘法表
问题描述 输出九九乘法表. 输出格式 输出格式见下面的样例.乘号用"*"表示. 样例输出 下面给出输出的前几行:1*1=12*1=2 2*2=43*1=3 3*2=6 3*3=94 ...
- In-Memory:内存优化表 DMV
在内存优化表的DMV中,有两个对象ID(Object ID): xtp_object_id 是内部的内存优化表(Internal Memory-Optimized Table)的ID,在对象的整个生命 ...
随机推荐
- web前端基础知识-(三)JavaScript基本操作
JavaScript 是一种轻量级的编程语言. JavaScript 是可插入 HTML 页面的编程代码. JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行. JavaScrip ...
- 让Web页面中的编辑器支持黏贴或直接拖拽来添加图片
基本原理是将剪贴板中的图片二进制数据转为Base64编码 代码: <html> <head> </head> <body> <script src ...
- [NHibernate]延迟加载
目录 写在前面 文档与系列文章 延迟加载 一个例子 总结 写在前面 上篇文章介绍了多对多关系的关联查询的sql,HQL,Criteria查询的三种方式.本篇文章将介绍nhibernate中的延迟加载方 ...
- javascript操作referer
Referrer的重要性 HTTP请求中有一个referer的报文头,用来指明当前流量的来源参考页.例如在www.sina.com.cn/sports/上点击一个链接到达cctv.com首页,那么就r ...
- [译]Atlassian Git系列教程
国庆期间把Atlassian的Git系列教程看完了.边看边翻译了相关文章. 原教程: https://www.atlassian.com/git/tutorials/ 我翻译的: git init g ...
- IK分词器 整合solr4.7 含同义词、切分词、停止词
转载请注明出处! IK分词器如果配置成 <fieldType name="text_ik" class="solr.TextField"> < ...
- iframe的自适应高度
<iframe src="index.html" id="iframepage" name="iframepage" frameBor ...
- func_get_arg、func_get_args、func_num_args实现PHP伪重载
今天在看书的时候,发现书上有这么一条:函数重载的替代方法——伪重载 确实,在PHP中没有函数重载这个概念,让很多时候我们无法进行一些处理,甚至有时候不得不在函数后面定义好N个参数在看到了func_ge ...
- Go - 函数/方法 的 变参
变参 本质上就是一个切片.只能接收一个或多个同类型参数,且 必须放在参数列表的 尾部. func test(s string, a ...int) { fmt.Printf("%T, %v\ ...
- Node.js入门学习笔记(二)
函数传递 举例来说,你可以这样做: function say(word) { console.log(word); } function execute(someFunction, va ...