html sum

来源:互联网 发布:淘宝去哪里找货源 编辑:程序博客网 时间:2024/06/07 02:26
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="打开新窗口"  onclick="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>
0 0
原创粉丝点击