|
一、html知识
1. meta标签
Meta: 提供网页信息，搜索引擎使用
<meta name=“aa” content=“bbb”>
<meta http-equiv=“expires” content=“wed,26 feb 1997 08:21:57”> 设置网页过期时间
<meta http-equiv="Content-Type" content="text/html; charset=gbk"/>
<meta http-equiv=“refresh” content=“1” />每1秒后刷新本页
<meta http-equiv=“refresh” content=“5;url=www.google.com” />过5秒后跳转到url
2. 表格表单
<form name=“form1” method=“get/post” action=“Servlet1” target=“new”>
<table width="100%" border=1 gbcolor=“#FFFF00”>
<caption align=top>表格标题</caption>
<tr><th>行或列标题</th></tr>
<td width=“20%” height=“10” colspan=“2” rowspan=“2” align=“left” valign=“center”> </td>
<input type=hidden name=“name1” value=“value1”>
<input type=text name=“name1” value=“value1”>
<input type=button name=“name1” value=“提交” onClick=“sub”>
<input type=checkbox name=id1 value=1 checked>洒井法子
<input type=radio name=id1 value=1 checked>洒井法子
<textarea name=aa cols=20 rows=5>多行文本输入框</textarea>
<select name=sel size=1 multiple><option value=1>a</option></select>
3. DIV和SPAN
在W3C标准中，网页设计布局的常用方法是DIV+CSS，而不是TABLE。
TABLE有什么用呢？Table用于数据显示，并不负责页面布局。
在页面元素控制中，DIV是用得最多最广的一个标签元素。
DIV又叫层，其实上更是一个容器。可以通过DIV来控制元素的位置、大小与样式，他具备了容器的特点，特别适合用来动态创建与销毁。在W3C标准中，DIV占据了非常重要的地位。
Div—division，是个层，块级元素，可包含<p><h2>等常标签, DIV常用来布局，和CSS一起使用.
div可以嵌套，里面的可以继承外面的，写法 .cc div{} 或 .cc div.aa{}，aa为嵌套的div的id名字
和Table区别：table用来做显示,div用来布局
span是个面板，是个行内元素，不能包含其它标签，主要用来嵌入某个标签中显示文本或某个字符，如：<h2>所有衣服<SPAN STYLE=“color: blue; font-size=50px;”>100</SPAN>元</h2>
4. 其它常用标签
标题标签：<h1>…<h6>
段落：<p align=“left”>
换行：<BR>
预格式化：<pre>
文本标签：<B><I><U><SUB><SUP>
3的平方=9；3<sup>2</sup>=9
无序号列表：<UL><LI></LI></UL>
有序号列表：<OL><LI></LI></OL>
水平线：<HR noshade size=5 align=left width=100% >无阴影、宽度5
<center>居中的文字</center>
文本显示：<font color=blue size=5 face=宋体/>
图象标签：<img align=top src=a.jpg>
超级链接
<a href=“a.html#mao” target=“”>链接到页面的锚</a>
target=_blank：新窗口打开
target=_parent：父窗口打开
target=_self：当前窗口打开
target=_top：最顶层框架窗口打开
target=指定位置：指定打开的位置
<a href=“#mao”>aaa</a> 链接到一个锚
<a name=“mao”>猫</a> 定义一个锚
<a href=mailto:admin@accp.com> 连接到电子邮件
5. frameset框架
1) 一个frameset
<frameset border=0 framespacing=0 rows="120,*" >
<frame name="top" src="top.html"/>
<frameset border=0 framespacing=0 cols="200,*">
<frame name="left" src="left.html" />
<frame name="right" src="right.html" />
</frameset>
</frameset>
2) left.html
<body>
<ul>
<li>用户管理</li>
<ul>
<li><a target="right" href="right.html">普通客户</a></li>
<li><a href=javascript:sub()>VIP客户</a></li>
</ul>
</ul>
</body>
<script>
function sub() {
window.open("right.html","aa");
}
</script>
3). right.html
<body>
<h1>你好</h1>
</body>
6. 内联框架
<body>
<div align="center">
<iframe name="frame1" width="98%" height="98%" src="增删表的行.htm" />
</div>
</body>
|
一共有 0 条评论