您的位置：首页 > Web前端 > HTML

html基础2

2015-07-28 22:56 609 查看
以前对html有一点了解了，今天继续来了解html标记以及他们的应用：

首先是对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>
注scrolling="auto" /"yes"都为框架设置滚动条，而为"no"时无滚动条

两个链接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>
ul定义无序列表


<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>
ol定义无序列表

<!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>

                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航