html基础2
2015-07-28 22:56
609 查看
以前对html有一点了解了,今天继续来了解html标记以及他们的应用:
首先是对iframe标签的理解
有以下代码:
注scrolling="auto" /"yes"都为框架设置滚动条,而为"no"时无滚动条
两个链接html的target都是main在iframe中name的值为main
ul定义无序列表
ol定义无序列表
一个简单的信息表
利用fieldset当作表单的一个容器,它在被包含的元素周围显示一个细边框的盒子。legend元素放在fieldset内部
首先是对iframe标签的理解
有以下代码:
<!DOCTYPE html> | |
<meta http-equiv="content-type" content="text/html;charset=utf-8"> | |
<html> | |
<head> | |
<title></title> | |
</head> | |
<body> | |
<ul> | |
<li><a href="a.html"target="main">培养目标</a></li> | |
<li><a href="c.html"target="main">培养内容</a></li> | |
</ul> | |
<iframe width="300px" height="300px" scrolling="auto" frameborder="1" name="main"></iframe> | |
</body> | |
</html> |
两个链接html的target都是main在iframe中name的值为main
<!DOCTYPE html> | |
<meta http-equiv="content-type" content="text/html;charset=utf-8"/> | |
<html> | |
<head> | |
<title></title> | |
</head> | |
<body> | |
<h1>软件工程师实训课程目标简介</h1> | |
<ul> | |
<li>精通JAVA,JSP</li> | |
<li>精通JAVA,JSP</li> | |
</ul> | |
<hr/> | |
<p> | |
版权所有©;2006-2010国家软件产业基地人才实训基地.保留所有权利 | |
</p> | |
</body> | |
</html> |
<html> | |
<head lang="en"> | |
<meta charset="UTF-8"> | |
<title></title> | |
</head> | |
<body> | |
<h1>软件工程师实训课程内容简介</h1> | |
<ol> | |
<li>计算机基础</li> | |
<li>JAVA,JSP</li> | |
</ol> | |
<hr/> | |
<p> | |
版权所有©;2006-2010国家软件产业基地人才实训基地.保留所有权利 | |
</p> | |
</body> | |
</html> |
<!DOCTYPE html> | |
<meta http-equiv="content-type" content="text/html;charset=utf-8"> | |
<html> | |
<head> | |
<title></title> | |
</head> | |
<body> | |
<form> | |
<fieldset> | |
<p><legend>请输入个人资料</legend> | |
<p>姓名:<input type="text" id="name"size="30"maxlength="25"></p> <br/> | |
性别:<input type="radio"id="male" name="sex">男 | |
<input type="radio"id="female" name="sex">女 | |
<p>学历:<select name="xueli"id="xue"> | |
<option name="grauate"id="senior"checked="checked">高中及以上 </option> | |
<option name="grauate"id="junior"> 初中</option> | |
<option name="grauate"id="college"> 大学</option></select></p> | |
<p>爱好: | |
<input type="checkbox"id="read"name="hobby">读书 | |
<input type="checkbox"id="travel"name="hobby">旅游 | |
<input type="checkbox"id="food"name="hobby">美食 | |
<input type="checkbox"id="music"name="hobby">音乐 | |
<input type="checkbox"id="sport"name="hobby">运动 | |
</p> | |
</p> | |
<p>特长:<input type="text"name="techang" id="tc"size="35"maxlength="30"></p><br/> | |
<input type="submit"value="提交"> | |
<input type="reset"value="重置"> | |
</p> | |
</fieldset> | |
</form> | |
</body> | |
</html> |
利用fieldset当作表单的一个容器,它在被包含的元素周围显示一个细边框的盒子。legend元素放在fieldset内部
</fieldset> |