Android程序员学WEB前端(5)-HTML(5)-框架集-Sublime

XHTML框架集布局示例
转载请注明出处:http://blog.csdn.net/iwanghang/article/details/76576279

觉得博文有用,请点赞,请评论,请关注,谢谢!~


框架集:


index7.html:

<!-- 1 . 过渡型(Transitional)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2 . 严格型(Strict)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
3 . 框架型(Frameset)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> -->

<!-- 框架集一般用户后台管理系统 -->

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>第七天-框架集</title>
</head>

    <!-- cols,横向,rows,纵向 -->
    <!-- <frameset rows="20%,40%,40%" border="30" frameborder="0"> -->
    	<!-- <frame src="http://www.baidu.com" noresize="noresize" /> -->
    	<!-- <frame src="http://www.sogou.com" noresize="noresize" /> -->
    	<!-- <frame src="http://www.so.com" noresize="noresize" /> -->
    <!-- </frameset> -->

    <frameset rows="80,*" >
    	<frame src="index7_1.html" noresize="noresize" />
        <frameset cols="200,*" >
            <frame src="index7_2.html" noresize="noresize" />
            <frame src="index7_3.html" noresize="noresize" name="body" />
        </frameset>
    </frameset>
</html>

index7_1.html:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>第七天-头部</title>
</head>
<body>
    <h1 align="center">后台管理系统</h1>
</body>
</html>

index7_2.html:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>第七天-左侧</title>
</head>
<body>
    <ul type="none">
    	<li><h3><a href="index7_3_1.html" target="body">系统管理</a></h3></li>
    	<li><h3><a href="index7_3_2.html" target="body">人员管理</a></h3></li>
    	<li><h3><a href="index7_3_3.html" target="body">考勤管理</a></h3></li>
    	<li><h3><a href="index7_3_4.html" target="body">内容管理</a></h3></li>
    	<li><h3><a href="index7_3_5.html" target="body">网站首页</a></h3></li>
    	<li><h3><a href="index7_3_6.html" target="body">修改密码</a></h3></li>
    </ul>
</body>
</html>

index7_3.html:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>第七天-主体</title>
</head>
<body>
网站主体
</body>
</html>

index7_3_1.html:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>系统管理</title>
</head>
<body>
系统管理
</body>
</html>
index7_3_2.html:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>人员管理</title>
</head>
<body>
人员管理
</body>
</html>
index7_3_3.html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>考勤管理</title>
</head>
<body>
考勤管理
</body>
</html>

index7_3_4.html:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>内容管理</title>
</head>
<body>
内容管理
</body>
</html>


index7_3_5.html:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>网站首页</title>
</head>
<body>
网站首页
</body>
</html>

index7_3_6.html:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>修改密码</title>
</head>
<body>
修改密码
</body>
</html>




转载请注明出处:http://blog.csdn.net/iwanghang/article/details/76576279



欢迎移动开发爱好者交流
沈阳或周边城市公司有意开发Android,请与我联系
联系方式

微信:iwanghang
QQ:413711276
邮箱:iwanghang@qq.com



觉得博文有用,请点赞,请评论,请关注,谢谢!~


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值