html 控件
1.元信息标签:
<meta http-equiv="Content-Type" content="text/html; charset=big5" />
<meta name="robots" content="follow">
<meta http-equiv="refresh" content="10"/>
<meta http-equiv="expires" content="Sunday 26 October 2011 01:00 GMT" />
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="set-cookie" content=" Sunday 26 October 2011 01:00 GMT">
<meta http-equiv="windows-target" content="_top">
<meta name="keyword" content="html,网页设计,网页制作">
<meta name="description" content="学习网页设计的网站">
2.表单
<form action="mailto:smart@126.com" method="post" name="login" enctype="multipart/form-data" target="_blank">
</form>
<form action="../index.htm" method="post" name="login">
<p>用户名:<input name="name" type="text" size="15" />
<p>密 码: <input name="passward" type="password" size="16" />
<input name="btnOpen" type="button" value="打开新窗口" οnclick="window.open()"/>
<input type="radio" name="radio" value="男" checked>男
<input type="radio" name="radio" value="女">女
<input type="checkbox" name="hobby" value="hh1">
旅游
<input type="checkbox" name="hobby" value="hh2">
看书
<input type="checkbox" name="hobby" value="hh3">
看电影
<input type="checkbox" name="hobby" value="hh4">
<input name="pic" type="image" value="picture" src="home_03-over.gif" >
<input name="picinfo" type="hidden" value="1488">
上传文件<input name="myfile" type="file" />
<textarea name="remark" cols="" rows="5"></textarea>
<select name="select" size="3" multiple id="select">
<option value="0" selected>北京</option>
<option value="1">天津</option>
<option value="2">重庆</option>
<option value="3">西安</option>
</select>
<input type="submit" name="btnsubmit" value="提交">
<input type="reset" name="reset" id="reset" value="重置">
</form>
3.显示
<style type="text/css">
.over1{
text-overflow:clip;//不显示省略标记
font-size:20px;
overflow:hidden;
white-space:nowrap}
.over2{
text-overflow:ellipsis; //显示省略标记
font-size:20px;
overflow:hidden;
white-space:nowrap}
</style>
.div1
{
display:inline;
width:400px;
height:80px;
background:#6699FF
}
P
{
display:block;
width:400px;
height:80px;
background:#CCCCCC
}
4.选择器
.red{ }
#red{}
h3{ }
a:hover{ color:#CC3300;}
a:visited{ color:#669933}
div p{ }
div,p,body{ }
#main p{ }
div.st{}
div+p{ }
5.框架
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>框架页面</title>
</head>
<frameset rows="20%,*" framespacing=1 bordercolor="#009933">
<frame src="top.html" name="top">
<frameset cols="30%,*" framespacing=15 bordercolor="#CC0000">
<frame src="left.html" name="left" frameborder="1" >
<frame src="HTMLinfo.html" name="main" >
</frameset>
</frameset><noframes></noframes>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>浮动框架使用</title>
</head>
<body>
<a href="HTMLinfo.html" target="main">HTML入门</a>
<a href="#" target="main">HTML简介</a>
<a href="HTMLMean.html" target="main"> HTML标签</a>
<hr>
<iframe src="top.jpg" width="500px" frameborder="1" marginname="main" >
</iframe>
</body
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>框架页面</title>
</head>
<frameset rows="20%,*" framespacing=1 bordercolor="#009933">
<frame src="top.html" name="top">
<frameset cols="30%,*" framespacing=15 bordercolor="#CC0000">
<frame src="left.html" name="left" frameborder="1" >
<frame src="HTMLinfo.html" name="main" >
</frameset>
</frameset>
<noframes>
<h2>抱歉,您的浏览器版本太低,框架页面不能正常显示</h2>
</noframes>
</html>